比起上一个弹跳的小球动画，我觉得这个变色龙动画更炫酷一些，当时看到百度这个效果的时候也是感到非常棒，于是自己仿做了一个案例，素材来自于百度浏览器产品发布页。查看效果下载地址↓链接：http://pan...
2017年09月14日 6279
关于"绝对定位"的文章
CSS3案例集
CSS3案例集08：弹跳的小球动画
平时喜欢逛各大网站的专题版面，或者产品发布页面，因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面，以及下一个案例“变色龙动画”都是来自于百度浏览器，虽然我是谷歌浏览器的忠实用户...
2017年09月13日 5067
CSS3案例集
CSS3案例集06：纯CSS3绘制卡通风景画
在几年前，如果想在网页中添加阴影或者圆角等效果，都必须使用png图片才能完成。CSS3提供的box-shadow、text-shadow、border-radius等属性，真的是极大的丰富了CSS在设...
2017年09月08日 8132
CSS3案例集
CSS3案例集03：仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位（css sprite）完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
2017年09月05日 4130
CSS教程
CSS第十七课：绝对定位（position:absolute）详解
从小我们学习物理，就知道一句话：“运动是相对的”。或者有人生阅历丰富的人以一种长者的口吻告诉你，“没有什么是绝对的”。那么，绝对定位是否可以说并不是真正的绝对呢。同上，先来看看W3C官方文档怎么说。设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始...
2016年06月30日 5507