Library – Page 3

animated underline button hover left right

Animated left to right underline on button hover

An interesting combination of button with animated underline that moves from left to right on the button hover. All done via CSS as explained below.

Outer border on button hover effect

Instead of the usual border on the edges of the button, add border outside the button on hover to make it look a little different and cool, right?

Animated multiple words in a headline

Using animation to circle through various words within a headline can be achieved with CSS only. It is ideal for a headline where you want to convey multiple benefits by circling through different words.

Animated background gradient with 4 colors

Take your gradient background to the next level by adding animation and more colors to the mix. You can go for darker colors or use muted grey tones in all colors for that professional looking effect.

Give quote style shape to an image

Testimonials is an important part of a website. Make your images more ready for this section by adding quote style shape to images.

Irregular shape wave button style effect

Straight lined buttons can be boring. You can easily add more style to them by breaking border lines into irregular shape with fine wave effect.

underline effect using background color css

Thick underline effect with background color

Underline is normally used for clickable or linked text. These days underline effect is also used to highlighted normal text words in a headline. For accessibility reasons, such text should be highlighted using background color method as against normal underline or fancy wavy underline effect.