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.
Image
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.
Image with 3D perspective tilt effect
Adding subtle 3D perspective to an image makes it standout easily. We have already seen image in heart shape and the trendy blob shape effect. Here is another image effect, would look great for person profile photos – specially on about page.
Use background image on text instead of color
Besides using fancy gradient in place of the usual text color, you can go to the next level by using background image for even more fanciness.
Add gradient color border to images
Want to add pop to images? How about mixing few colors and rendering gradient border to images in your layouts?
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.
Give heart shape to image with CSS
Want to give a lovely heart shape to any image? It can be easily achieved neatly with a few lines of CSS code. For the best effect, make sure your image height and width values are same.
Add blob shape border to images
Give a blob shape look to any image with one line of CSS code. For the best effect, make sure your image height and width values are same.