CSS 3动画
来源:互联网 发布:联合大学网络学堂 编辑:程序博客网 时间:2024/06/03 17:32
.rotation { visibility: visible; -webkit-animation: rotation 0.6s forwards; -moz-animation: rotation 0.6s forwards; animation: rotation 0.6s forwards; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); } }
变化函数:
旋转九十度
rotate(90deg)Y轴移动100px
translateY(100px)X轴移动100px
translateX(100px)x轴缩放1.2倍,y轴缩放0.8倍
scale(1.2,0.8)
0 0
- CSS 3动画介绍
- CSS 3动画介绍
- CSS(3)-动画
- CSS 3动画
- CSS动画
- css动画
- css 动画
- CSS 动画
- CSS动画
- CSS-动画
- css动画
- css动画
- CSS动画
- CSS动画
- CSS动画
- css动画
- css 动画
- css动画
- android 线程池
- 程序断点(program breakpoint)和数据断点(data breakpoint)
- Python解析json到sql语句
- Jquery获取和修改img的src值的方法
- mysql 文本类型的长度
- CSS 3动画
- 中断简介
- 远程调用jenkis操作的一些API
- nginx的location、root、alias指令用法和区别
- h5高德地图javascript调起app导航定位多个marker
- 2017武大校赛网络预选赛C题 Divide by Six
- webview加载https页面图片不能显示问题
- android学习杂记.9
- IntelliJ IDEA 2016 3.6 激活