投递人 itwriter 发布于 2011-05-21 21:09 评论(9) 有1858人阅读  原文链接  [收藏]  « »

　　本站之前已经介绍了很多关于图标、jQuery特效等文章，对于web设计师，文本也同样是不可忽视的因素。

　　一直以来都是Photoshop来编辑一些漂亮的样式，并插入文本。同样CSS3也可以帮你搞定，甚至效果会更好。

　　本文介绍了20多个令人惊叹的CSS3文本效果，包含教程。你可以直接用在你的web设计中，或许能激发出更多的灵感。

　　Glass Text Effect (refractive index)with CSS3

　　Fun With CSS Text-Shadow

　　Create a Cool Anaglyphic Text Effect with CSS

　　Create Beautiful CSS3 Typography

　　The Neon Lights Text Effect

　　Tilt-Shift Effect on Text using CSS3

　　Flashlight

　　Create a Vibrant Digital Poster Design with CSS3

　　CSS 3 Transform Experiment

　　CSS3 Background-Clip & @Font-Face

　　CSS3 Trans­forms & @font-face Experiment

　　CSS3 Poo Fly

　　Free Overlapped CSS Menu Using CSS Sprites

　　iPhone “slide to unlock” Text in WebKit/CSS3

　　Shadows and CSS3

　　Create a Letterpress Effect with CSS Text-Shadow

　　Text Embossing Technique With CSS

　　CSS textured text

　　CSS3 Text Masking Effect

　　CSS Gradient Text Effect

　　LETTERING.JS

　　Neon Text Effect With jQuery& CSS

　　Text with Moving Backgrounds

　　CSS Poster: Three Laws of Robotics

　　Source: http://designmodo.com/css3-text-effect-tutorials/#ixzz1MzYlaCIe

1
1
找优秀程序员，就在博客园 分享到： 新浪微博 腾讯微博 搜狐微博
相关阅读：
· 掌控像素的虚实(2012-05-10 14:15)
· 自适应网页设计（Responsive Web Design）(2012-05-01 15:21)
· 设计的本质是什么？(2012-04-16 14:13)
相关标签： CSS3 网页设计
« 上一篇：15 款 2011 年最经典的 HTML5 游戏推荐(2011-05-21 21:02)
» 下一篇：Mozilla发布扩展隐藏导航栏(2011-05-21 21:36)
已经有 9 位园友对此新闻发表了看法。 发表评论

热门评论

24小时阅读排行

最新新闻