Skip to content

DEV Community

CSS tips on Images you need to know

Fidal Mathew on January 01, 2022

Hi folks, hope you are doing good. In this blog I'm gonna share 5 properties to keep in mind while working with images - 1. Object-fit : cover - ...

Negar Arianmehr • Jan 1 '22

Good properties for starting new year, thanks
Good luck 👍

Fidal Mathew • Jan 2 '22

Thank you! Good luck to you too! 😄

vladi160 • Jan 2 '22

The only required tip is max-width: 100%; for responsive

cb-retus • Jan 4 '22

The Dropshadow effect only works if your object is cut out clearly and has no "edges", so a PNG-24bit is recommend with a feathered cutout or sharp edges.

Fidal Mathew • Jan 4 '22

This info is worth mentioning, thanks for sharing :)

Lars Rye Jeppesen • Jan 1 '22

Great, thanks. Happy new year

Fidal Mathew • Jan 2 '22

Glad you liked it! Happy new year :)

Enrique • Jan 1 '22

There're very useful, thanks! 😉

Fidal Mathew • Jan 2 '22

My pleasure! I'm glad you liked it 😁

Ayush2008-21 • Jan 2 '22

Thanks for these tips! From now, I will use them in my projects❤️🔥

Fidal Mathew • Jan 2 '22

All the best Ayush! 👍😁

Fatih Şen • Jan 10 '22

Nice work :)

Fidal Mathew • Jan 10 '22

Thank you!😄

Harshad pk • Jan 2 '22

thanks for this

Fidal Mathew • Jan 2 '22

Glad you found it helpful 😄

Oluwumi71 • Jan 2 '22

Thanks

Fidal Mathew • Jan 3 '22

Glad you liked it 😄

coderRohit1 • Jan 2 '22

Second one is amazing!

Fidal Mathew • Jan 2 '22

Glad you liked it :)