摘要：CSS动画并不是绝对比JavaScript动画性能更优越，开源动画库Velocity.js等就展现了强劲的性能。 一、两者的主要区别 先开门见山的说说两者之间的区别。 1）CSS动画： 基于CSS的动画一般由浏览器“主线程”之外的独立线程处理，在其中执行样式、布局、绘制和 JavaScript。 使 阅读全文

摘要：以前就听说过有个库，叫animate.css，但是自己并没有在实际项目中使用过，这次正好要做个招聘页面，得以利用一下这个库，在经常会卡顿的UC浏览器中也能流畅执行。 扫描下面的二维码，可以看到在线的demo页面： 如果对CSS3动画的一些基础概念不是很熟悉，可以参考《CSS3中的动画效果记录》。 一 阅读全文

摘要：一、timing-function: steps() 一开始在使用CSS3的时候并没有太注意这个timing-function，只是注意到自定义贝塞尔曲线。 1）一个项目中的实例 先来看看左边加了steps和右边没加的区别。左边的是一锤一锤的，右边会出现影子。 【注意下面这个demo在firefox 阅读全文

摘要：今天要记录的是CSS3中的三种属性transform、transition以及animation，这三个属性大大提升了css处理动画的能力。 一、Transform 变形 CSS中transform 属性允许你修改CSS可视化模型的坐标控件。使用transform，元素可以安装设定的值变形、旋转、缩 阅读全文