css动画和过渡
2017-03-24 23:29
369 查看
transform转换
translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。translateX(n) 定义 2D 转换,沿着 X 轴移动元素。
translateY(n) 定义 2D 转换,沿着 Y 轴移动元素。
scale(x,y) 定义 2D 缩放转换,改变元素的宽度和高度。
scaleX(n) 定义 2D 缩放转换,改变元素的宽度。
scaleY(n) 定义 2D 缩放转换,改变元素的高度。
rotate(angle)定义 2D 旋转,在参数中规定角度。
skew(x-angle,y-angle) 定义 2D 倾斜转换,沿着 X 和 Y 轴。
skewX(angle) 定义 2D 倾斜转换,沿着 X 轴。
skewY(angle) 定义 2D 倾斜转换,沿着 Y 轴。
transition
animation
相关文章推荐
- CSS的过渡效果及动画效果:transition&animation
- 纯CSS实现圆环渐变过渡加载动画
- 【CSS】过渡、动画和变换
- html css学习笔记-过渡,动画
- 浏览器展示CSS伪类的动画和过渡效果应用
- 基于ReactCSSTransitionGroup实现react-router过渡动画
- CSS 动画 过渡
- CSS动画-过渡
- H5之13__CSS过渡、动画和变换
- vue2.0中css过渡动画总结
- css动画之过渡
- 【CSS】过渡、动画和变换
- 浏览器展示CSS伪类的动画和过渡效果应用
- CSS过渡和动画
- Transit – 超平滑的 CSS 过渡和变换动画效果插件
- CSS伪类的动画和过渡效果应用
- CSS实现鼠标悬浮内容自动撑开的过渡动画
- CSS过渡、动画、变换,综合实例
- HTML和CSS高级指南整理翻译(08) 一 过渡与动画
- 【CSS】过渡、动画和变换