正在发展中的 CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享14个让人惊叹的 CSS3 特性应用演示，让大家感受一下 CSS3 的魅力。
使用 CSS3 绘制的奇怪生物，移动你的鼠标看看会有什么效果？小心被吃了啊！
CSS3 实现的文本立体效果和旋转效果，点击文字进入编辑状态，可以输入文字。
这是一张相机图片？No！这是纯 CSS3 绘制的莱卡相机，未使用任何图片。
使用 CSS3 Media Query 特性实现的响应式设计（Responsive Design）的示例。
纯 CSS3 实现的时光隧道效果，让人不敢相信使用 CSS 代码就能写出这样的效果。
惟妙惟肖的眨眼效果，非常的生动！
内容焦点效果，鼠标悬浮的地方内容自动聚焦。
这个演示模拟的是雨滴下落的效果，鼠标悬浮后移开，字符就会下落。
文本内阴影效果，可以模拟出雕刻的效果，使用 CSS3 text-shadow 特性实现。
使用 CSS3 渐变特新实现的类似摄影中的散景（Bokeh）效果。
使用 CSS3 特性模拟的非常特别的光照效果。
会动的图标，鼠标悬浮即可看到效果。
使用 CSS3 特性模拟的太阳系（Solar System）。
使用 CSS3 绘制的立体人物，他的名字叫 DOMO。
完。
大家有什么问题或技术上的想法可以在此与大家分享，也可以加入前端爱好者QQ群(141999928)一起学习进步：
【幸凡前端技术交流群】
如果您觉得本文的内容对您的学习有所帮助，捐赠与共勉，支付宝(左)或微信(右)