20个网页设计师应该学习的CSS3经典教程实例

设计师千万不要总觉得CSS3还离我们特别遥远，其实如果你有兴趣的话，完全可以学习了解一些简单的CSS3技术。

你知道的，国内的行情就是如此：所有的公司都会希望你在前端技术上懂的越多越好。那设计师学习前端代码是否就是天方夜谭呢？其实并不如此。就像我们学设计一样，最基本的方法就是模仿，以及观看大师作品的案例。所以，今天我们为您收集了20个基础教程，均是涉及到css3应用的经典案例，值得收藏学习。

Smooth Diagonal Fade Gallery with CSS3 Transitions

How to Create a CSS3 Dropdown Menu

SPLASH AND COMING SOON PAGE EFFECTS WITH CSS3

CREATIVE CSS LOADING ANIMATIONS

Pure CSS3 LavaLamp Menu

CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS

3D THUMBNAIL HOVER EFFECTS

How to Create Custom Social Media Icons in CSS3

How to Create a CSS3 Login Form

Apple-like Login Form with CSS 3D Transforms

Animated CSS3 Photo Stack

3D FLIPPING CIRCLE WITH CSS3 AND JQUERY

Making an Impressive Product Showcase with CSS3

Live Album Previews with CSS3 and jQuery

ANIMATED 3D BAR CHART WITH CSS3

Swatch Book with CSS3 and jQuery

ROTATING WORDS WITH CSS ANIMATIONS

ANIMATED CONTENT TABS WITH CSS3

Colorful CSS3 Animated Navigation Menu

Create a stunning menu in CSS3

原文地址：m4html
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量56万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：