关于"animation"的文章

爆裂的小爱心,为你的爱豆点赞!

爆裂的小爱心,为你的爱豆点赞!
翻到一个小案例,是当时做逐帧动画练习的时候随手完成的。不过这个小案例还是有点点用,有什么用?就是看到自己曾经喜欢过的明星的脸时还有那么一丝丝悸动,哈哈……点击图片看效果,为你喜欢的爱豆点个赞,就可以看...

小球弹跳理解三种animation动画形式

小球弹跳理解三种animation动画形式
animation动画非常强大,快速掌握它多亏以前做过两年的flash开发,回想起十多年前用flash做动画的时候,曾经也有一个闪客梦,说这些话只能证明我老了!!点击查看具体效果。别小看这三个弹跳的小...

CSS3第十三课: steps animation逐帧动画,你不应该错过的最详篇!

animation动画除了可以实现补间动画外,还可以完成逐帧动画。在animation的属性中,有个属性animation-timing-function一共具有如下这些值,来自于MDN。/* Keyword values */ animation-timing-fu...

CSS3第十二课:强大的多时间段animation动画!

animation动画与transition过渡动画有两个明显的区别:1、transition过渡动画只能执行一个时间段的动画,从初始到结束。而且必须有事件触发,比如hover事件,或者添加了新的class属性等。2、animation动画可以分时间段执行,比如第一个时间段执行一段动画,第二个时间段...

仿腾讯专题页,实现3D旋转效果

仿腾讯专题页,实现3D旋转效果
这个专题页我挺喜欢的,就在上课的时候简单的仿制了一下,不过没有设置video和图片的切换,直接用了图片,算是阉割版了。下面的3D旋转使用了不同的方式,把图片也包括进去了,原始版本是只有边框旋转,图片不...

css3渐变文字动画和齿轮旋转动画

css3渐变文字动画和齿轮旋转动画
以前没发现background-clip还有一个-webkit-的私有属性:text,可以实现文字背景,结合渐变,可以实现很棒的文字背景无缝滚动。这里案例是很早以前就做的齿轮旋转动画案例,今天才放上来...

CSS3案例集09:五光十色的变色龙动画

CSS3案例集09:五光十色的变色龙动画
比起上一个弹跳的小球动画,我觉得这个变色龙动画更炫酷一些,当时看到百度这个效果的时候也是感到非常棒,于是自己仿做了一个案例,素材来自于百度浏览器产品发布页。查看效果下载地址↓链接:http://pan...

CSS3案例集08:弹跳的小球动画

CSS3案例集08:弹跳的小球动画
平时喜欢逛各大网站的专题版面,或者产品发布页面,因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面,以及下一个案例“变色龙动画”都是来自于百度浏览器,虽然我是谷歌浏览器的忠实用户...

CSS3案例集03:仿360安全卫士首屏

CSS3案例集03:仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位(css sprite)完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
Top