CSS3我在5年之前就有用了，包括公司项目都一直在很前沿的技术。 最近在写慕课网的七夕主题，用了大量的CSS3动画，但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的，这里就写下关于帧动画steps属性的理解 我们知道CSS3的Animation有八个属性 ...

前面的话 　　transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画的；而animation则是通过关键帧@keyframes来实现更为复杂的动画效果。本文将介绍关于animation动画的相关知识 定义 　　和transition类似，animation也是一个 ...

css3里面的animation属性非常强大，但是自己用的比较少，最近有次面试就刚好被问到了，趁现在有时间就对animation做一个小总结。同时实现一个逐帧动画的demo作为练习 animation属性一览 因为animation属性比较多，然后在w3c上看有点蛋疼，干脆也做了一份导图 ...

@keyframes fn{ 　　0%{} 　　100%{} }　　 CSS3的Animation有八个属性 animation-name ：动画名　　fn animation-duration：时间　　1s animation-delay：延时　1s ...

上面这个两个简单的动画，是用 animation-timing-function: steps(); 这个属性实现的，具体如何实现，看下面： 这上面的图片，也就是我们的素材， 有些人，可能不是很理解 关键帧容器，和 steps 之间的关系，没关系，看下面的图解 下面 ...

CSS3(4)---动画(animation) 之前有写过过渡：CSS3(2)--- 过渡(transition) 个人理解两者不同点在于 过渡 只能指定属性的 开始值 与 结束值，然后在这两个属性值之间进行平滑过渡来实现动画效果，因此只能实现简单的动画效果。 动画 除了定义 ...

概述 前几天刚好看到一个用了CSS3帧动画的页面，对它非常感兴趣，就研究了一下，记录在下面，供以后开发时参考，相信对其他人也有用。 PS：以后别人问我用过什么CSS3属性的时候，我也可以不用说常见的animation，transform这些了，我可以说帧动画这个高大上的术语了哈哈。 本篇 ...

...