DEV Community

Cover image for CSS tips on Images you need to know

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 - ...
Collapse
 
vladi160 profile image
vladi160

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

Collapse
 
negararianmehr profile image
Negar Arianmehr

Good properties for starting new year, thanks
Good luck 👍

Collapse
 
fidalmathew profile image
Fidal Mathew

Thank you! Good luck to you too! 😄

Collapse
 
cbretus profile image
cb-retus

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.

Collapse
 
fidalmathew profile image
Fidal Mathew

This info is worth mentioning, thanks for sharing :)

Collapse
 
fatihsen-dev profile image
Fatih Şen

Nice work :)

Collapse
 
fidalmathew profile image
Fidal Mathew

Thank you!😄

Collapse
 
coderrohit profile image
coderRohit1

Second one is amazing!

Collapse
 
fidalmathew profile image
Fidal Mathew

Glad you liked it :)

Collapse
 
ayush200821 profile image
Ayush2008-21

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

Collapse
 
fidalmathew profile image
Fidal Mathew

All the best Ayush! 👍😁

Collapse
 
bosspetta profile image
Enrique

There're very useful, thanks! 😉

Collapse
 
fidalmathew profile image
Fidal Mathew

My pleasure! I'm glad you liked it 😁

Collapse
 
spock123 profile image
Lars Rye Jeppesen

Great, thanks. Happy new year

Collapse
 
fidalmathew profile image
Fidal Mathew

Glad you liked it! Happy new year :)

Collapse
 
oluwumi71 profile image
Oluwumi71

Thanks

Collapse
 
fidalmathew profile image
Fidal Mathew

Glad you liked it 😄

Collapse
 
harshadpk profile image
Harshad pk

thanks for this

Collapse
 
fidalmathew profile image
Fidal Mathew

Glad you found it helpful 😄