标签：open size bsp 一个 direct int color 反向 idt
通过@keyframes规则，可以创建动画
原理：将一套css样式逐渐变为另一套css样式
用法：以百分比或“from”、“to”关键字来控制动画开始和结束。在动画过程中，可以多次改变这套css样式
animation是一个简写的属性，主要用于设置6个动画属性：
.draw-move{ animation: open 0.2s linear 0.5s infinite alternate; animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation: open 0.2s linear 0.5s infinite alternate; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } @keyframes open{ 0% { transform: scale(1); } 100% { transform: scale(0.9); } } @-webkit-keyframes open{ 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.9); } }
animation-timing-function可能的值：
| linear | 动画从头到尾的速度都是相同的（匀速） |
| ease | 默认。动画以低速开始，中间加快，在结束前又变慢 |
| ease-in | 动画以低速开始 |
| ease-out | 动画以低速结束 |
| ease-in-out | 动画以速度开始以低速结束 |
| cubic-bezier(n,n,n,n) | 自定义值，可能的值为0到1之间的数字 |
标签：open size bsp 一个 direct int color 反向 idt
原文地址：https://www.cnblogs.com/zsj-02-14/p/10178545.html
