很棒的loading效果,收藏一下,原文使用 CSS3 实现超炫的 Loading(加载)动画效果 一 HTML 代码: <div class="spinner"> <div class="rect1"…
标签:css3动画
Velocity.js简明教程(中文版下)
Velocity.js简明教程(中文版上) 滚动动画 使用Velocity.js,你可以快速实现垂直和水平滚动动画。滚动可以与整个页面或元素相关。无论哪种方式,都要在即将滚动到视图中的元素上调用Velocity。 下面的…
CSS动画:有活力的链接下划线
链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看。 http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是非常简单的,不需要添…
HTML5摇一摇(上)—如何判断设备摇动
刚刚过去的一年里基于微信的H5营销可谓是十分火爆,通过转发朋友圈带来的病毒式传播效果相信大家都不太陌生吧,刚好最近农历新年将至,我就拿一个“摇签”的小例子来谈一谈HTML5中如何调用手机重力感应的接口 演示demo:“摇…
Vue+CSS3实现转盘抽奖
最近有个转盘抽奖的需求,搜了一下现有的轮子,有的是用jQuery的动画函数实现的,有的是用canvas绘图然后再用高频率的setTimeout调用旋转方法,前者太老了没法简单移植到vue项目,后者感觉性能表现可能不会太好…
CSS 实现三角形,非 Hack
写过 HTML upvote arrow(向上箭头),speech bubble(对话气泡)或其他类似的尖角元素的人都知道,为了创建一个纯 CSS 实现的三角形,必须使用某些 Hack。最流行的两种方式是通过 边框实现,…
CSS 实现三角形,非 Hack
写过 HTML upvote arrow(向上箭头),speech bubble(对话气泡)或其他类似的尖角元素的人都知道,为了创建一个纯 CSS 实现的三角形,必须使用某些 Hack。最流行的两种方式是通过 边框实现,…
move.js操作CSS3动画
move.js是一款简单的支持CSS3动画的JavaScript库,对于对CSS3的操作不是很熟悉的人来说,使用move.js提供的方法操作CSS3动画更简单方便。 要想使用move.js提供的方法,首先应在我们的HTM…
初探keyframes-animation
keyframes被称为关键帧,类似于flash中的关键帧。在Css3中主要以@keyframes坐开头,后面接着是动画名称+{},“{}“中就是不同时间段的样式规则了。当然之前要对transition有一丢丢了解的最好…
CSS动画:有活力的链接下划线
链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看。 http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是非常简单的,不需要添…
好看的轮播切换效果
微博上看到@过气网红一丝 发的,特地收集。 预览 html <div class="slides"> <div class="slide 1th"></div> <div cla…
HTML5摇一摇(上)—如何判断设备摇动
刚刚过去的一年里基于微信的H5营销可谓是十分火爆,通过转发朋友圈带来的病毒式传播效果相信大家都不太陌生吧,刚好最近农历新年将至,我就拿一个“摇签”的小例子来谈一谈HTML5中如何调用手机重力感应的接口 演示demo:“摇…