Friday, April 3, 2009

25 Advanced CSS Tips


如果你对 CSS 的掌握已经到了一定的贯通程度,那么你手中的 CSS 将会为你做很多高级的功能,甚至有时候 CSS 可以帮助解决之前靠 JS 才能解决的问题, 要知道,在 Web 开发过程中, 减少一段 JS 可是对 Web 的运行有足够大的减压作用的。25个 CSS 高级教程,让你更了解 CSS。

1. 纯 CSS 字体渐变和背景渐变

css_gradient
CSS Gradients using pure CSS
Background gradients and CSS
gradient_text

2. Z-Index 图像重叠

z-index

3. CSS 边框创意

border

4. 超酷 CSS 效果 - 控制面板

osx

5. 纯 CSS 创建 2D/3D 按钮

css_button

6. Text Embossing/Shadow Technique With CSS

CSS_emboss
1. text-shadow: 0px 1px 0px #e5e5ee;

7. Iconize Text links/Hyperlink with CSS

icon_text

8. CSS Curly Quotes

qoutes

9. Using CSS Opacity for Various Cool Effects

css_opacity_menu

10. Blurry Background Effect

blurry_bg

11. CSS Parallax Effect

parallax

12.Create a Lightbox effect only with CSS

css_lightbox

13.CSS-Only Accordion Effect

css_accordian

14. Add grunge Effect to Text Using Simple CSS

grunge1

15.Create a Block Hover /Element Hover Effect

block_hover

16. Simple Dither Effect using CSS

dither

17. Create a liDock Menu

css_dock

18. CSS Hover Swap Effect

hover_swap

19. Polaroid effect using CSS

polaroid-css

14 comments:

April 10, 2013 at 10:48 PM Anonymous said...

My brother recommended I may like this website. He was once entirely right.
This submit actually made my day. You cann't believe just how so much time I had spent for this information! Thanks!

Also visit my blog ... premium minecraft

April 14, 2013 at 7:44 PM Anonymous said...

Hi, i think that i saw you visited my weblog so i came to “return
the favor”.I am trying to find things to enhance my web site!

I suppose its ok to use a few of your ideas!!

Check out my website minecraft giftcode

April 15, 2013 at 12:36 PM Anonymous said...

Download All Recent Games, Movies, Apps, Mobile Stuff and everything else for free at http:
//www.rls-log.net

You can download from the following categories

Full Version Applications for Android, iOS, MAC, Windows
Full Version Games for Linux, MAC, PC, PS3, Wii, Wii
U, XBOX360 and other systems
Full Movies And Cinema Movies BDRiP, Cam, DVDRiP, DVDRiP Old,
DVDSCR, HDRiP, R5, SCR, Staff Picks, Telecine, Telesync, Workprint
Full Music Album MP3s and Music Videos Music, Albums, iTunes,
MViD, Singles/EPs
Full Version Ebooks eBook Magazines

Download all you want for free at http://www.rls-log.net

May 18, 2013 at 10:21 AM Anonymous said...

I love your blog.. very nice colors & theme. Did you design this website yourself or did you hire
someone to do it for you? Plz answer back as I'm looking to design my own blog and would like to find out where u got this from. thank you

Feel free to surf to my weblog: Batman Games

May 19, 2013 at 12:47 AM Anonymous said...

Hi everyone, it's my first visit at this website, and piece of writing is actually fruitful designed for me, keep up posting these posts.

Also visit my web page: Online Batman Games

May 19, 2013 at 9:37 AM Anonymous said...

If you are going for finest contents like I do, just visit this
website every day since it gives quality contents,
thanks

My web-site Free Batman Games

May 19, 2013 at 12:39 PM Anonymous said...

I truly love your blog.. Pleasant colors & theme.

Did you create this site yourself? Please reply back as I'm planning to create my own blog and want to find out where you got this from or exactly what the theme is called. Thanks!

Feel free to surf to my web page: Online Batman Games

May 19, 2013 at 2:43 PM Anonymous said...

My brother suggested I might like this web site. He used to be entirely right.
This post actually made my day. You can not believe simply how a lot
time I had spent for this information! Thanks!

Also visit my web blog ... Batman Games Online

June 3, 2013 at 7:07 PM Anonymous said...

Hi there! I know this is kind of off-topic
however I needed to ask. Does managing a well-established website like yours require a lot of
work? I am brand new to running a blog but I do write in
my diary daily. I'd like to start a blog so I can easily share my personal experience and feelings online. Please let me know if you have any ideas or tips for brand new aspiring bloggers. Appreciate it!

Also visit my web site: earn quick money online

June 6, 2013 at 3:36 PM Anonymous said...

I do accept as true with all of the ideas you've presented on your post. They're very convincing and will definitely work.
Nonetheless, the posts are very brief for newbies. May you
please lengthen them a little from subsequent time? Thank you for the post.


My site :: Sharecash survey killer download

June 13, 2013 at 2:16 PM Anonymous said...

I absolutely love your blog and find almost all of your post's to be exactly what I'm
looking for. Does one offer guest writers to write
content available for you? I wouldn't mind publishing a post or elaborating on some of the subjects you write related to here. Again, awesome site!

Also visit my web page :: Recover Twitter Password Tutorial

June 17, 2013 at 11:36 PM Anonymous said...

Hi, There's no doubt that your web site could possibly be having browser compatibility issues. Whenever I look at your web site in Safari, it looks fine however when opening in Internet Explorer, it's got some overlapping issues.
I merely wanted to give you a quick heads up! Other than that, fantastic website!


Feel free to visit my blog post Download

June 19, 2013 at 6:37 AM Anonymous said...

Very nice post. I just stumbled upon your blog and wished to say that I have really enjoyed surfing around your blog posts.
In any case I will be subscribing to your feed and I hope you write again very soon!


Also visit my page; rar password cracker

August 27, 2020 at 7:33 AM Biswajit Das said...

Nice articel, This article help me very well. Thank you. Also please check my article on my site Know All About CSS Gradient Text And Examples.

Post a Comment