https://www.cnblogs.com/qianduanjingying/p/4937574.html
1柬脸、CSS3
- transition: 由事件觸發(fā)
transition-property: width(所有css熟悉都可以)
transition-duration:持續(xù)時間
transition-timing-function:linear他去、ease、ease-in倒堕、cubic-bezier(n,n,n,n)
transition-delay:等待多久開始
div
{
width:100px;
transition: width 2s;
}
transform:
rotate :角度
scale :規(guī)模
skew :形變
translate :平移
matrix:矩陣animation
animation:
name : 動畫名稱
duration : 動畫執(zhí)行時間
timing-function :速度曲線
delay :延遲
iteration-count :播放次數(shù)
direction:是否反向播放
@keyframes move{
form{ left:0px;} to{ left:200px;}
}
div{animation:move 5s infinite;}