Can I add a drop shadow to an icon with CSS?


#1

Hey!

I’d like to add a drop shadow to the icon (not the box itself) in an icon box 2. I can drop shadow the text no problem, but the icon I can’t seem to find a way!

Can anybody help?

Thanks
Susan


#2

Yes, I think we can do that.
Could you please share the page URL on which you have added the icon so that I can try some CSS on it?


#3

Great!

http://cldtestone.website/

Big thanks
Susan


#4

Hey,

Any luck with the dropshadow CSS?

Thanks


#5

Hey,

You can use this CSS

.mk-box-icon-2-icon{
	box-shadow: 0px 0px 15px #000;
}

#6

Thank you very much! That looks great! :clap::clap:


#7

Glad it worked :slightly_smiling_face: