html 总是那么的惊奇 来源于“硬件加速” 年初的一个笔记,闲时整理出来。 很多网上文章都说建议打开浏览器的硬件加速,这样页面渲染速度、动画流畅性会提高。这几乎成了很多人页面制作的标配,管实际有没有用都来一个: htm…
标签:css3动画
Vue+CSS3实现转盘抽奖
最近有个转盘抽奖的需求,搜了一下现有的轮子,有的是用jQuery的动画函数实现的,有的是用canvas绘图然后再用高频率的setTimeout调用旋转方法,前者太老了没法简单移植到vue项目,后者感觉性能表现可能不会太好…
move.js操纵CSS3动画
move.js是一款简朴的支撑CSS3动画的JavaScript库,关于对CSS3的操纵不是很熟悉的人来讲,运用move.js供应的要领操纵CSS3动画更简朴轻易。 要想运用move.js供应的要领,起首应在我们的HTM…
css3 动画(一) transition
前言 最近在研究 css3 的动画属性 transition 和 animation,发现自己之前对这两个 css3 的动画属性并没有太多深入的理解。本篇将介绍 css3 的 transition 以及自己的一些理解。 …
CSS动画:有活力的链接下划线
链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看。 http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是非常简单的,不需要添…
CSS进阶篇--用CSS开启硬件加速来提高网站性能
中文地址:http://www.cnblogs.com/rubylouvre/p/3471490.html 原文地址:http://blog.teamtreehouse.com/increase-your-sites-p…
使用 CSS3 实现超炫的 Loading(加载)动画效果
很棒的loading效果,收藏一下,原文使用 CSS3 实现超炫的 Loading(加载)动画效果 一 HTML 代码: <div class="spinner"> <div class="rect1"…
CSS进阶篇--用CSS开启硬件加速来提高网站性能
中文地址:http://www.cnblogs.com/rubylouvre/p/3471490.html 原文地址:http://blog.teamtreehouse.com/increase-your-sites-p…
CSS动画:有活力的链接下划线
链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看。 http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是非常简单的,不需要添…
CSS基础篇--CSS3图片翻转动画技术详解
CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表性的一种就是CSS图片翻转效果,能让你看到一张卡片的正反两面上的内容。本文就是要用最简单的方法向大家介绍如何创建这种效果…
Velocity.js简明教程(中文版下)
Velocity.js简明教程(中文版上) 滚动动画 使用Velocity.js,你可以快速实现垂直和水平滚动动画。滚动可以与整个页面或元素相关。无论哪种方式,都要在即将滚动到视图中的元素上调用Velocity。 下面的…
Vue+CSS3实现转盘抽奖
最近有个转盘抽奖的需求,搜了一下现有的轮子,有的是用jQuery的动画函数实现的,有的是用canvas绘图然后再用高频率的setTimeout调用旋转方法,前者太老了没法简单移植到vue项目,后者感觉性能表现可能不会太好…