Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to add fading effect to border like the image attached

Tags:

html

css

sass

I am trying to achieve a div like this. I have the blue background and the foreground color. But I am not sure how to get fading border.

background color:- #93cde9

foreground color:- #c4e4f3

Can somebody help me out here??

Required effect

like image 327
Divyanshu Das Avatar asked Jan 24 '26 03:01

Divyanshu Das


1 Answers

div {
   box-shadow: 0px 0px 8px #ffffff; 
   -webkit-box-shadow: 0px 0px 8px #ffffff; 
   -ms-box-shadow: 0px 0px 8px #ffffff;
   -o-box-shadow: 0px 0px 8px #ffffff; 
}

look: http://jsfiddle.net/waS6F/2/ :)

solution for IE: Box shadow in IE7 and IE8, CSS3 Box Shadow Effect for IE8?

hopely useful !

like image 164
egig Avatar answered Jan 26 '26 16:01

egig