css动画

标签：mat   哈哈哈   span   播放   leader   哈哈   总结   官网   出图   

   最近在做公司官网的首页改版，被UI虐的。。。。。唉。。。。说多了都是泪啊。。。。做完象征性的总结一下，但好像又不知道总结点啥，一点点的来吧。（最后与UI达成共识：他出的图我不做，我做的需求他不出图，再也不见！哈哈哈哈）

在写官网首页之前，对css动画真的是一窍不通，连属性都不认识。前端小leader说，css动画无非就3个，animation，transition和transform。然后就开始照葫芦画瓢了，画的有些吃力！

言归正传：

1.animation

animation-delay:规定在动画开始之前的延迟。

注：这里的延迟是动画第一次开始前的延迟。非每播放完成一次动画就延迟

2.width,height属性是走的cpu算的，transform是gpu。所以放大缩小这种动画用tranform吧！

css动画

标签：mat   哈哈哈   span   播放   leader   哈哈   总结   官网   出图   

原文地址：https://www.cnblogs.com/superil/p/9277593.html