25个 CSS 高级进阶教程
如果你对 CSS 的掌握已经到了一定的贯通程度,那么你手中的 CSS 将会为你做很多高级的功能,甚至有时候 CSS 可以帮助解决之前靠 JS 才能解决的问题, 要知道,在 Web 开发过程中, 减少一段 JS 可是对 Web 的运行有足够大的减压作用的。25个 CSS 高级教程，让你更了解 CSS。
1. 纯 CSS 字体渐变和背景渐变
CSS Gradients using pure CSS
Background gradients and CSS
2. Z-Index 图像重叠
3. CSS 边框创意
Create a Scalable Star using using CSS border
4. 超酷 CSS 效果 – 控制面板
5. 纯 CSS 创建 2D/3D 按钮
How to make sexy buttons with CSS
6. Text Embossing/Shadow Technique With CSS
view plaincopy to clipboardprint?
1. text-shadow: 0px 1px 0px #e5e5ee;
7. Iconize Text links/Hyperlink with CSS
8. CSS Curly Quotes
Swooshy Curly Quotes Without Images
9. Using CSS Opacity for Various Cool Effects
A CSS only fly-out menu with transparency
CSS Menu using CSS opacity property
Opacity Background Blending Effects
Transparency Menu Watermark on an image
10. Blurry Background Effect
how to create a blurry background using CSS
11. CSS Parallax Effect
Examples of and How to Create the CSS Parallax Effect
A parallax illusion with CSS: The Horse in Motion
12.Create a Lightbox effect only with CSS
13.CSS-Only Accordion Effect
14. Add grunge Effect to Text Using Simple CSS
15.Create a Block Hover /Element Hover Effect
Learn how to create a block hover effect for a list of links
16. Simple Dither Effect using CSS
17. Create a liDock Menu
Horizontal Menus That Grow on You
18. CSS Hover Swap Effect
19. Polaroid effect using CSS
- Polaroid-izing photos with CSS and one Image.
20. CSS 杂志
Create a Magazine Type layout Using CSS
21. CSS Hoverbox Menu
22.CSS 标签切换
23.CSS Magic with Fixed Background-attachment
shows a trick that reveals a magic
24. CSS 信息提示
Show a message when hovering over the links.
25. 纯 CSS 预加载效果
推荐主机(专业/稳定/高速/优化虚拟主机)
5个评论
发表评论
-
最热文章
-
最新文章
2009/07/31 于 18:37:37
值得学习，但是兼容是个问题
2009/04/05 于 17:30:43
以前还有劲研究CSS+PHP+DIV，现在把博客更新好就不错啦！哈哈
2009/04/04 于 14:06:48
学习了，再研究下
2009/04/03 于 15:45:13
很不错，不过有些技术太新了，部分浏览器不支援，如 Text Shadow 好像也要 FireFox 3.1 才支援。
2009/04/02 于 21:45:39
受益匪浅呢