animation动画
triansition属性
transition-property:; 监测哪个属性
transition-duration:;动画时常
transition-timing-function:;动画方式
transition-delay:延迟多长时间执行
动画方式
ease
ease-in-out
linear匀速
cubic-bezier(1,0,0,1)
animation动画
animation:zhuanyiquan .8s ease infinite(无限次)(both保持出去状态)
关键帧@keyframes zhuanshiquan{.
0%{transform:rotateZ(0deg)};
100%{transform:rotateZ(3600deg)};
}
动画的开启时间 浏览器绘制该元素的是时候
100vh单位 把窗口分成100份
有下一行文字的时候起作用
text-align:justify;公平公正(父元素)
inline-block元素会受text-align影响
display:inline-block;(子元素)
background-size:100px左右 上下
baclground-size:contain//=auto 100%;
background-size:cover; //=100% auto;
background:#000 url() (position/size) no-repeat
calc(100vh - 76px);计算000 f3f3f3 fff
animationend动画结束
! important
queue 进队 dequeue出队
浙公网安备 33010602011771号