25个 CSS 高级进阶教程.doc

25个 CSS 高级进阶教程如果你对 CSS 的掌握已经到了一定的贯通程度,那么你手中的 CSS 将会为你做很多高级的功能,甚至有时候 CSS 可以帮助解决之前靠 JS 才能解决的问题, 要知道,在 Web 开发过程中, 减少一段 JS 可是对 Web 的运行有足够大的减压作用的。25个 CSS 高级教程，让你更了解 CSS。1. 纯 CSS 字体渐变和背景渐变CSS Gradients using pure CSSBackground gradients and CSSCSS Gradient Text EffectPure CSS Text Gradient 2. Z-Index 图像重叠Understading Z-Index CSS Z-index3. CSS 边框创意Create a Scalable Star using using CSS borderBorder Slants 4. 超酷 CSS 效果 控制面板Dashboard5. 纯 CSS 创建 2D/3D 按钮3D Rollover Button using CSSHow to make sexy buttons with CSSCSS rollover buttons6. Text Embossing/Shadow Technique With CSSview plaincopy to clipboardprint?Text EmbossingCSS Text Drop Shadows 1. text-shadow: 0px 1px 0px #e5e5ee;7. Iconize Text links/Hyperlink with CSSAdd icon to the hyperlink.Iconize Textlinks with CSS8. CSS Curly QuotesCurly Quotes with Pure CSSSwooshy Curly Quotes Without Images9. Using CSS Opacity for Various Cool EffectsA CSS only fly-out menu with transparencyCSS Menu using CSS opacity propertyOpacity Background Blending EffectsTransparency Menu Watermark on an image10. Blurry Background Effecthow to create a blurry background using CSS11. CSS Parallax EffectExamples of and How to Create the CSS Parallax EffectA parallax illusion with CSS: The Horse in Motion 12.Create a Lightbox effect only with CSStechnique 13.CSS-Only Accordion Effectcreate Accordion using CSS14. Add grunge Effect to Text Using Simple CSStutorial 15.Create a Block Hover /Element Hover EffectLearn how to create a block hover effect for a list of linksCSS element hover effect.16. Simple Dither Effect using CSSdither effect using17. Create a liDock MenuHorizontal Menus That Grow on You18. CSS Hover Swap EffectCSS swap hover effect19. Polaroid effect using CSSPolaroid-izing photos with CSS and one Image. 20. CSS 杂志Create a Magazine Type layout Using CSS21. CSS Hoverbox Menucool CSS Menu22.CSS 标签切换Create a Tabbed content.23.CSS Magic with Fixed Background-attachmentshows a trick that reveals a magic24. CSS 信息