阅读更多

5顶
0踩

Web前端

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

2011-09-19 18:17 by 资深编辑 luiang1018 评论(1) 有7304人浏览
本文搜集了一些关于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