CSS 和 HTML,JavaScript 是网页的基础,作为前端开发人员,对这三者都要很熟悉。特别是未来流行全栈开发的时代,每项技术都是你知识结构中必要的一个节点。在开发中,选择好工具是非常重要的。
顺晟科技
2021-07-31 07:32:24
24
本文搜集了一些关于 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
转 自:http://www.cheungfei.com/?p=8789
13
2022-09
02
2021-09
31
2021-07