23 Pure CSS Effects/Solutions to Make JavaScript Angry!

The title is a bit funny! Making JavaScript angry! but truthfully weâ€™re not going to make JavaScript angry. We just would like to introduce you some effects or solutions which you may think are made using Javascript (or his friends) but after reading this post, you would be proud of CSS! All of them are made using Pure CSS.

P.S. Some of the featured articles below are suitable for learning purposes and there are better solutions out there using jQuery or Javascript.

10. Bubble Effect with CSS

11. Create Resizing Thumbnails Using CSS

â€œThis tutorial is aimed at controlling the size of the thumbnails appearing on your page. Sometimes we don’t have enough space to spare to fit in large thumbnails and yet we would like to avoid small and barely recognizable images. Using this trick we limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.â€

21. CSS Tabs

22. The CSS-Only Accordion Effect

Most JavaScript frameworks make such an effect fairly easy to pull off â€“ heck, MooTools even built their reputation on it in the early days. So what makes this accordion effect special? It doesnâ€™t require a single line of JavaScript.