animated underline text effect

Animated underline on multiple lines text

We have already seen a thick underline effect on text. Taking this to the next step is animating the underline effect and still looking good when text span over multiple lines.

cut edges image effect

Add cut edges effect to images

Clip path property comes real handy to add various shape effects to images like heart, and quote seen previously. Here is a neat cut edges effect for images.

text thick 3d effect

Text in thick 3D look effect

Want to make a word stand out in your website layout? Well, a thick 3D look text effect might do the trick for you.

clean stuble white button effect

Clean subtle shadow button with colorful hover

Finding a balance in doing a clean all-white button with a splash of colour is always challenging. Here is a subtle white button with a shadow effect with a colourful splash on the hover.

duotone two color photos

Add Duotone 2 colour effect to images

You can covert the default multi-colour images into a stylish 2 colours ‘duotone’ effect with a few lines of CSS code. Basically, the code adds two colour layers over an image with one being dark and the other being light.

floating text on link button

Add floating text next to link or button

Floating text next to a link or button can be a good way to show additional information about a specific link or button. Also, it helps catch more user attention to that specific link or button.