翻到一个小案例，是当时做逐帧动画练习的时候随手完成的。不过这个小案例还是有点点用，有什么用？就是看到自己曾经喜欢过的明星的脸时还有那么一丝丝悸动，哈哈……点击图片看效果，为你喜欢的爱豆点个赞，就可以看...
2020年03月18日 784
关于"animation"的文章
CSS3案例集
小球弹跳理解三种animation动画形式
animation动画非常强大，快速掌握它多亏以前做过两年的flash开发，回想起十多年前用flash做动画的时候，曾经也有一个闪客梦，说这些话只能证明我老了！！点击查看具体效果。别小看这三个弹跳的小...
2020年02月18日 1030
CSS教程
CSS3第十三课： steps animation逐帧动画，你不应该错过的最详篇！
animation动画除了可以实现补间动画外，还可以完成逐帧动画。在animation的属性中，有个属性animation-timing-function一共具有如下这些值，来自于MDN。/* Keyword values */
animation-timing-fu...
2018年06月27日 5748
CSS教程
CSS3第十二课：强大的多时间段animation动画！
animation动画与transition过渡动画有两个明显的区别：1、transition过渡动画只能执行一个时间段的动画，从初始到结束。而且必须有事件触发，比如hover事件，或者添加了新的class属性等。2、animation动画可以分时间段执行，比如第一个时间段执行一段动画，第二个时间段...
2018年06月04日 4720
CSS3案例集
仿腾讯专题页，实现3D旋转效果
这个专题页我挺喜欢的，就在上课的时候简单的仿制了一下，不过没有设置video和图片的切换，直接用了图片，算是阉割版了。下面的3D旋转使用了不同的方式，把图片也包括进去了，原始版本是只有边框旋转，图片不...
2018年01月30日 5009
CSS3案例集
css3渐变文字动画和齿轮旋转动画
以前没发现background-clip还有一个-webkit-的私有属性：text，可以实现文字背景，结合渐变，可以实现很棒的文字背景无缝滚动。这里案例是很早以前就做的齿轮旋转动画案例，今天才放上来...
2018年01月30日 5148
CSS3案例集
CSS3案例集09：五光十色的变色龙动画
比起上一个弹跳的小球动画，我觉得这个变色龙动画更炫酷一些，当时看到百度这个效果的时候也是感到非常棒，于是自己仿做了一个案例，素材来自于百度浏览器产品发布页。查看效果下载地址↓链接：http://pan...
2017年09月14日 6279
CSS3案例集
CSS3案例集08：弹跳的小球动画
平时喜欢逛各大网站的专题版面，或者产品发布页面，因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面，以及下一个案例“变色龙动画”都是来自于百度浏览器，虽然我是谷歌浏览器的忠实用户...
2017年09月13日 5067
CSS3案例集
CSS3案例集03：仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位（css sprite）完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
2017年09月05日 4130