1.过渡(过渡可带有动画效果)
* transition
* 例如:transition 2s
2.位移
* transform: translate(x,y)
* x:表示水平方向
* y:表示垂直方向
* 单位可以是
* px 表示移动多少像素
* % 表示移动多少自身距离的百分比
3.旋转
* transform: rotate(xdeg)
* 默认是垂直与屏幕防线旋转,正值是顺时针旋转,负值是逆时针旋转
* 单位是**角度deg**
* 旋转方向
* rotateX 沿着X轴旋转 从屏幕的右侧向左看
* rotateY 沿着Y轴旋转 从屏幕的下面向上看
* rotateZ 沿着Z轴旋转 眼睛垂直屏幕
4.缩放
* transform: scale(x,y)
* x 表示宽度
* y 表示高度
* 如果只有一个值,那么表示宽度和高度
5.倾斜
* transform: skew(x,y)
* x 表示x轴
* y 表示y轴
* 表示沿x,y轴方向倾斜
* 倾斜方向
* skewX,表示沿X轴方向倾斜
* skewY,表示沿Y轴方向倾斜
关于CSS3中容易出现的混淆的点
推荐阅读
- c# 自定义甘特表格控件 (原创 学习中请指导)
- R语言分析(一)-----基本语法
- SOM网络聚类完整示例(利用python和java)
- The authenticity of host '172.16.33.53 (172.16.33.53)' can't be established的问题(日志六)
- 使用java API操作hdfs--拷贝部分文件到hdfs
- 使用java API操作hdfs--读取hdfs文件并打印
- 非学习型单层感知机的java实现(日志三)
- React第一篇: 搭建React + nodejs + express框架(nodejs只做前端server)
- springboot第四篇:debug模式开发运用
- Springboot第一篇:框架了解与搭建