css3知识点(2)
来源:互联网 发布:java中的工厂模式 编辑:程序博客网 时间:2024/05/29 11:50
一.2D转换
1 translate()元素从其当前位置移动,根据给定的 left(x 坐标)和 top(y 坐标)位置参数(xxpx,xxpx)
(2)rotate() 元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。( xxdeg)
3)scale()元素的尺寸会增加或减少,根据给定的宽度(X 轴)和高度(Y 轴)参数(n,n)
4)skew() 元素翻转给定的角度,根据给定的水平线(X 轴)和垂直线(Y 轴)参数(xxdeg,xxdeg)
二.3D转换
Transform
Translate3d(x,y,z)---- 沿着x,y,z轴移动
Rotate3d(x,y,z,deg)----旋转
perspective(n)定义3D转换元素的透视视图,但目前所有浏览器都无法兼容。
三.动画
@keyframes xxx { };
Animation:xxx 2s;
Opacity 规定透明度。从 0.0 (完全透明)到 1.0(完全不透明)
IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。
Box-sizing 规定盒模型
属性值:content-box | padding-box | border-box。
四.过渡
transition
transition简写属性,用于在一个属性中设置四个过渡属性。
transition-property 规定应用过渡的css属性的名称。
transition-duration 定义过渡效果花费的时间,默认为0.
transition-timing-function 规定过渡效果的时间曲线,默认为"ease”。
transition-delay 规定过渡效果核实开始。默认为0.
- css3知识点(2)
- 【整理】CSS3知识点2
- css3知识点(1)
- CSS3知识点整理(二)----CSS3选择器
- CSS3知识点整理(二)----CSS3选择器
- CSS3知识点整理(二)----CSS3选择器
- CSS3知识点
- CSS3知识点整理(一)----基本样式
- CSS3知识点整理(一)----基本样式
- CSS3知识点整理(一)----基本样式
- CSS3知识点整理(一)----基本样式
- html5 css3基础知识点
- css3小知识点收录
- CSS3知识点总结
- 【整理】CSS3知识点1
- 【整理】CSS3知识点3
- 【整理】CSS3知识点5
- CSS3 知识点总结
- Ubuntu系统环境搭建
- python3爬虫学习
- 设计模式学习笔记-观察者模式
- 爱在心中
- iOS 对本地图片的压缩
- css3知识点(2)
- 单例设计模式
- 【排序二】选择排序(选择排序&&堆排序)
- Android 蓝牙通信的开发与应用
- 5. Longest Palindromic Substring (Medium)
- 简单的Android.mk 文件
- Kubernetes 学习笔记1
- Linux系统调用
- 调试优化代码方法