CSS3 is the latest member of Cascading Style Sheet family,born with some amazing new features,like rounded-corners,text-shadow and box-shadow or transparency.On the other hand,jQuery,the “Write less,do more” Javascript library is just amazing…its plugins simply kills Flash.Why to use Flash when we have jQuery and CSS3?

Take your website to a new level by starting to use the power of CSS3 combined with jQuery.Don`t be afraid!Let`s forget IE6! Take Twitter example who`s using already the CSS3 rounded-corners and drop-shadow!

Check out these great 25 examples of pure CSS3 and jQuery!

1. Quicksand:Reorder and filter items with a nice shuffling animation.


2. Vertical Sliding Panel Using jQuery And CSS3


3. Awesome CSS3 & jQuery Slide Out Button


4. jSlickmenu: A jQuery plugin for slick CSS3 menus


5. jQuery DJ Hero – CSS3 and jQuery fun


6. Pure CSS3 bokeh effect with some jQuery help


7. How to Build a Lava-Lamp Style Navigation Menu


8. How to Create a Nifty Dynamic Shadow with jQuery


9. A Colorful Clock With CSS & jQuery


10. Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3


11. Old School Clock with CSS3 and jQuery


12. Creating a polaroid photo viewer with CSS3 and jQuery


13. Grungy Random Rotation Menu With jQuery and CSS3


14. A Fresh Bottom Slide Out Menu with jQuery


15. Making a Mosaic Slideshow With jQuery & CSS3


16. Sweet AJAX Tabs With jQuery 1.4 & CSS3


17. Nice And Simple Toolbar For Your Website With CSS3 And jQuery


18. Use CSS3 to Create a Dynamic Stack of Index Cards


19. Halftone Navigation Menu With jQuery & CSS3


20. Making a Sleek Feed Widget With YQL, jQuery & CSS3


21. Making a Photoshoot Effect With jQuery & CSS


22. Colorful Sliders With jQuery & CSS3


23. An Awesome CSS3 Lightbox Gallery With jQuery


24. Make An Elastic Thumbnail Menu


25. Fancy Apple-Style Icon Slide Out Navigation


If you wanna receive more Freebies and news from OurTuts,just become a part of our community.

Written by Madalin Tudose

Madalin Tudose is a web designer and developer who loves to inspect websites for new designing techniques and trends. He`s the founder of Ourtuts, where he blogs about anything related to web development.

  • fatriff

    Most of these have no CSS3 in them at all.

  • http://www.itpeach.net farhad

    ok;thanks a lot

  • http://www.techpraveen.com Techpraveen

    Very nice collection :) I love apple navigation bar with Icons 😉

  • http://www.mahmutogluav.com av tüfekleri

    Awesome. I like Fancy Apple-Style Icon Slide Out Navigation.
    I’ll make it on my blog later.

  • http://www.spletis.eu/ Dejan

    Thank you for this very useful tutorials!

  • http://groho.co Groho

    Awesome. I like Fancy Apple-Style Icon Slide Out Navigation.
    I’ll make it on my blog later.

  • tasmimy

    wooow thanks a lot
    this is awesome

  • http://drebpro.com dreb

    wow! These tutorials are awesome. Countless thanks Guys for sharing these things. 😀

  • http://www.sidomaav.com Sidoma


  • http://www.motorparcalari.net naci-kanuni

    kanuni motor ve yedek parçalar?

  • http://www.guide-business-loans.com/ Bad Loan

    This a wonderful collection, thnaks for sharing…

  • http://elpasoprfirms.info Bobby

    I made a comment about this post that was courteous and professional. I disagreed with you but that doesn’t seem a reason to censor me. Why was it removed??

  • http://www.wordimpressed.com Devin Walker

    I really enjoyed this showcase! Gracias

  • http://www.dealer-cena-dily.info/category/audi/ Laughton

    No duty is more urgent than that of returning thanks.

    • http://ieltsking.blogspot.com ielts

      CSS3 is gives us really nice features and i love ur all work.

  • http://water-treatment.be-long.com/ Thomas Manila

    Your idea coincides with mine.and I think is better.