html自动开门特效,15个超酷的CSS3代码特效展示

15个超酷的CSS3代码特效展示

6月 12, 2015

评论 (2)

Sponsor

今天跟大家分享与CSS3相关的特效展示案例，这些例子特效主要由CSS3编写出来，除了新鲜有创意之外，编写代码质量也很高，对于前端人员或设计师都有参考的价值，当然有的不是全CSS3编写的，部分是需要与JS代码结合使用才能发挥效果。

下面大家一起看看这些CSS DEMO，确实很酷哦！

Color Extraction Effect

全个像幻灯版一样的图像色板，使用CSS滤镜和Vibrant.js实现。

CSS True Titles

使用CSS做蒙版、遮罩特效

Flipside

很酷的提示框动画效果，但在Chrome浏览器查看还是有点不完美。

Netflix Logo In CSS

纯CSS实现的 netflix logo动画效果。

Simpsons in CSS

纯CSS绘制卡通人物头像：阿森一族

Clippy

Clippy是一个在线生成工具，主要用来实现css背景剪切功能(可查看css clip属性详解)

A single DIV

好多使用CSS绘制的图像，而且只是用一个DIV标签实现！

Motion Blur Experiment

一个运动模糊的弹窗，很有创意，使用 SVG 滤镜实现。

Silon

CSS space shooter

一个3D游戏动画演示，CSS真强大啊

Blackout

X-ray

Squiggly

Pure CSS content filter

Elastic stroke CSS + SVG

CSS和SVG实现的文字动效

Rotate Clock

Isometric experiment

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。

版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

路杨 -

2015 年 06 月 19 日 下午 5:08

CSS3 的确很强大。貌似机器配置差的话有点卡

静水流深8907 -

2015 年 06 月 16 日 下午 4:23

CSS3没有做不到，只有想不到！

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站