资讯频道 → Web前端
阅读更多

5顶
0踩

Web前端

翻译新闻 24个为Web开发人员准备的CSS3实用教程

2011-09-19 18:17 by 资深编辑 luiang1018 评论(1) 有7304人浏览
CSS3 教程
本文搜集了一些关于CSS3的最新教程。你可以根据这些教程或技术来实现网页设计，包括：文字阴影、圆角框、盒模型尺寸计算（box sizing）、透明效果处理、多重背景、边框图像等。以下这些都是非常实用的CSS3教程，提供了许多优秀的技术。

1. Super Awesome Buttons with CSS3 and RGBA （使用CSS3和RGBA做出超级棒的按钮效果）



2. A Look at Some of the New Selectors Introduced in CSS3 （CSS3中引入的新选择器一览）



3. Border-image: using images for your border （边框图像：为你的边框增加图像背景）



4. Liquid faux columns with background-size the CSS3 way



5. CSS3 colors, today (MediaCampAthens session)



6. Multiple Backgrounds (CSS3) （CSS3多重背景）



7. CSS3 Analogue Clock （CSS3实现模拟时钟）



8. Design a Prettier Web Form with CSS 3 （使用CSS3设计漂亮的Web From）



9. Text-shadow, Photoshop like effects using CSS （用CSS做出Photoshop般的文字阴影效果）



10. Awesome Overlays with CSS3 （超棒的CSS3遮盖效果）



11. Halftone Navigation Menu With jQuery & CSS3 （利用jQuery&CSS3做出半色调风格的导航菜单）



12. Making a Photoshoot Effect With jQuery & CSS （使用jQuery和CSS做出图片拍摄效果）



13. Create a Letterpress Effect with CSS Text-Shadow （用CSS的Text-Shadow创建凸版印刷效果）



14. Css3 opacity: transparency of an element in css （CSS3 opacity：CSS中实现透明度效果）



15. Create Depth And Nice 3D Ribbons Only Using CSS3 （CSS3独自创建出醒目、漂亮的3D丝带效果）



16. Render User Interface Using CSS3 （用CSS3制作用户界面）



17. Making an image gallery with :target （用CSS制作带链接图片画廊）



18. Zebra striping tables with CSS3 （CSS3制作斑马纹表格）



19. Styling Forms with Attribute Selectors – Part 2: adding in some CSS3 （利用CSS的属性选择器修饰表单——第二部分：CSS3补充篇）



20. Sweet tabbed navigation bar using CSS3 （用CSS3做出好看的带标签的导航栏）



21. Sliding Vinyl with CSS3 （CSS3实现滑动的唱片效果）



22. Going Nuts with CSS Transitions （令人疯狂的CSS变换效果）



23. Building Coverflow With CSS Transforms （用CSS变换技术实现Coverflow效果）



24. Create a Dynamic Stack of Index Cards using CSS3（使用CSS3创建出动态堆叠方式的索引卡）



摘译自  pixel2pixeldesign
  • 大小: 54.5 KB
  • 大小: 40.4 KB
  • 大小: 27.4 KB
  • 大小: 27.1 KB
  • 大小: 18.2 KB
  • 大小: 22.3 KB
  • 大小: 13.9 KB
  • 大小: 60 KB
  • 大小: 49 KB
  • 大小: 32.9 KB
  • 大小: 25.1 KB
  • 大小: 13.4 KB
  • 大小: 43.3 KB
  • 大小: 19.3 KB
  • 大小: 14.4 KB
  • 大小: 16.7 KB
  • 大小: 13 KB
  • 大小: 29.2 KB
  • 大小: 42.4 KB
  • 大小: 57 KB
  • 大小: 27.7 KB
  • 大小: 41.7 KB
  • 大小: 54.5 KB
  • 大小: 13.9 KB
  • 大小: 13.9 KB
  • 大小: 54.9 KB
  • 大小: 22.5 KB
  • 大小: 68.5 KB
  • 大小: 74.3 KB
  • 大小: 33 KB
  • 大小: 55 KB
  • 大小: 87.7 KB
  • 大小: 13.6 KB
5
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 幻无极 2011-09-19 20:56
还是相当给力的

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics