Button shift effect with border on hover
Here is a subtle button effect that shows the border and shifts the button position on the hover action. You can customize the button color and border reveal color as per requirements.
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.
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.
Button with Zigzag background expands on hover
This button style with the zigzag background can be ideal for fun and attention-catching websites. The button expands on the hover and looks best when it is centre aligned.
Button with sketch line border & shadow effect
To add more fun to buttons on your website, how about sketch line border coupled with subtle shadow effect movement. Here is a quick way to implement this.
Button with edges become full border on hover
Another fancy button styles where small corner edges become full solid border on the hover action. This can be easily implemented with a couple of lines of CSS Code.
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 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.
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.
Stacked button effect with simple box shadow
Make your default button look cool with stacked button effect of with additional two layers. This can be easily implemented using simple box shadow property.