投递人 itwriter 发布于 2011-07-01 13:43 评论(1) 有834人阅读  原文链接  [收藏]  « »

CSS3和HTML 5可以影响你设计网站的方式。CSS3提供了很多的设计上的新技术和高级功能,使创建网站变得更容易。下面的列表是今年最新的CSS3和HTML5的教程。

1. The Apple.com navigation menu created using only CSS3

Apple.com的导航菜单,只使用了CSS3.
clip_image001

2. Free CSS3 button class

跨浏览器的按钮类。
clip_image002

3. DIVs with Rounded Corners in CSS3

CSS和DIV的结合使用,圆角角度控制。
clip_image003

4. Animated CSS3 helix using 3d transforms
clip_image004

5. Opacity with CSS3 RGBa property

CSS3的RGBa属性,透明度设置。
clip_image005

6. Clean and Stylish CSS3 Form

时尚的CSS3表单。
clip_image006

7. 5 Useful CSS3 Properties You Need to Know

你需要知道的5个有用的CSS3属性。
clip_image007

8. Tutorial – CSS3 Buttons with no images

没图片的CSS3按钮。
clip_image008

9. Getting started with HTML5

这篇文章介绍了HTML5的功能及用法。
clip_image009

10. Pure CSS3 Buttons with pressed effect and gradient background

背景渐变效果,纯CSS3按钮。
clip_image010

11. CSS Rounded Corners Without Images

没有图片的CSS圆角。
clip_image011

12. CSS3 Submit Button: 5 Professional Examples to Learn

CSS3提交按钮,5个专业的例子供学习。
clip_image012

13. CSS3: box-shadow and inset-shadow

CSS3的box-shadow属性,你可以增加阴影到页面的不同元素,比如 div, span或图片。
clip_image013

14. Making a CSS3 Animated Menu

制作一个CSS3动画按钮。
clip_image014

15. Colorful CSS3 Menu

clip_image015

16. Fun with CSS3 and Border-Radius

看图片,很有立体感。
clip_image016

17. Coding a Rotating Image Slideshow w/ CSS3 and jQuery

通过jQuery、CSS3旋转效果。
clip_image017

18. Dark Menu: Pure CSS3 Two Level Menu [Tutorial]

纯CSS3制作的二级菜单。
clip_image018

19. Making a Beautiful HTML5 Portfolio
clip_image019

20. Anna Neale – Acoustic Rock

还教程还是圆角,不过是针对内容区域。
clip_image020

21. Tutorial: CSS3 & Tooltips!
clip_image021

22. Spin those Icons with CSS3

CSS3的图标特效。
clip_image022

23. Animated Buttons using CSS3 Transitions and Transforms

动画按钮,使用 CSS3 Transitions and Transforms
clip_image023

24. Simple and Unique CSS Logo

CSS Logo,这也行?
clip_image024

25. Pure CSS3 Flexbox Tutorial

CSS3 Flexbox 教程。
clip_image025

26. Ring a Bell with CSS Keyframe Animations

8秒响铃?
clip_image026

27. KevinRudolf.comHorizontal drop-down menu using CSS3

下拉菜单。
clip_image027

28. Create a CSS3 Image Gallery with a 3D Lightbox Animation

CSS3画廊,3D灯箱动画的教程。
clip_image028

29. Sexy Image Hover Effects using CSS3

利用CSS3实现的很性感的图片悬停效果。
clip_image029

30. A Slick Photo Light Table Using CSS3 and jQuery

非常漂亮!!值得学习的好例子。
clip_image030

31. CSS3 Fundamentals #13 The Box Model
clip_image031

32. Better Check Boxes with jQuery and CSS

jquery 和CSS 实现的checkbox。
clip_image032

33. Learn How to Style a Basic Tabbed Navigation Menu Using CSS3

如何风格化导航菜单。
clip_image033

34. CSS3 Animation With jQuery Fallbacks

利用jQuery Fallbacks 的CSS3 动画。
clip_image034

35. Create a Pure CSS3 Ribbon
clip_image035

3
0
找优秀程序员,就在博客园 分享到: 新浪微博 腾讯微博 搜狐微博
相关标签: HTML5 CSS3
« 上一篇:沪江网正式启用全拼域名hujiang.com(2011-07-01 13:22)
» 下一篇:脑活动预测未来行为(2011-07-01 13:49)
已经有 1 位园友对此新闻发表了看法。