随笔分类 - CSS3动画
梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画
摘要:CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能。 一、两者的主要区别 先开门见山的说说两者之间的区别。 1)CSS动画: 基于CSS的动画一般由浏览器“主线程”之外的独立线程处理,在其中执行样式、布局、绘制和 JavaScript。 使
阅读全文
用CSS3动画,让页面动起来
摘要:以前就听说过有个库,叫animate.css,但是自己并没有在实际项目中使用过,这次正好要做个招聘页面,得以利用一下这个库,在经常会卡顿的UC浏览器中也能流畅执行。 扫描下面的二维码,可以看到在线的demo页面: 如果对CSS3动画的一些基础概念不是很熟悉,可以参考《CSS3中的动画效果记录》。 一
阅读全文
CSS3动画几个平时没注意的属性
摘要:一、timing-function: steps() 一开始在使用CSS3的时候并没有太注意这个timing-function,只是注意到自定义贝塞尔曲线。 1)一个项目中的实例 先来看看左边加了steps和右边没加的区别。左边的是一锤一锤的,右边会出现影子。 【注意下面这个demo在firefox
阅读全文
CSS3中的动画效果记录
摘要:今天要记录的是CSS3中的三种属性transform、transition以及animation,这三个属性大大提升了css处理动画的能力。 一、Transform 变形 CSS中transform 属性允许你修改CSS可视化模型的坐标控件。使用transform,元素可以安装设定的值变形、旋转、缩
阅读全文