A wonderful demo for an expanding card page transition effect to show more information. It can be used in many ways like posts, portfolios and many other ideas.

In this video tutorial you’ll learn how to create shattered text effect and add glass texture with some glass shards to the design. You’ll start by cutting text, arranging the pieces and then add grunge texture to it, after that you’ll add glass texture to it. After that you’ll add the broken glass shards to finish the effect.

This snippet is very useful for all of you, in this demo there’s a single modal with both login and sign up forms.

This snippet is an exact implementation of Catalin Vasile‘s design for an interactive info cards with some stunning animations between cards.

A fully responsive vertical timeline style portfolio. All this demo has been created using pure CSS with no JS.

Here’s a demo for a nice glittering neon text effect that is made in pure CSS. You can use this effect to spice up your web designs. The effect is fully responsive and Javascript has been used only to auto-update the data-text if you’re editing it directly on the page and is not required for the actual effect.

In this video Photoshop tutorial you’ll learn how to create a smoke text effect with skulls. You’ll be working with brushes and other resources to achieve the desired result.

A nice snippet for a diamond shaped responsive team members section that can be used in any website or application. This demo is created in pure CSS and fully responsive.

Here’s another perfect snippet to show the power of CSS. In this demo you’ll find a set of 7 animated emoji reactions from Facebook created in pure CSS.

This is an experiment to create a paper folding text effect so that it looks like it’s coming off the page. This pen was made using the clip-path property.