Home  >  Article  >  Web Front-end  >  Simulate the effect of box-shadow in CSS3 under IE

Simulate the effect of box-shadow in CSS3 under IE

不言
不言Original
2018-06-21 17:30:271418browse

This article mainly introduces the effect of box-shadow in simulating css3 under IE. It has certain reference value. Now I share it with you. Friends in need can refer to it.

Simulating css3 under ie The box-shadow (shadow) in IE can be realized using the Shadow filter of IE. It should be noted that this filter must be used together with the background attribute, otherwise the filter will be invalid.

Simulated under IE The box-shadow (shadow) in css3 can use the Shadow (shadow) filter of ie
Basic syntax: filter: progid:DXImageTransform.Microsoft.Shadow(color='color value', Direction=shadow angle (numeric value), Strength=shadow radius (numeric value));
Note: This filter must be used together with the background attribute, otherwise the filter will be invalid.
Simulate the box-shadow (shadow) code in CSS3 under IE:

.box-shadow{ 
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/ 
background-color: #eee; 
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/ 
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/ 
box-shadow:2px 2px 5px #969696;/*opera或ie9*/ 
}

The above is the entire content of this article. I hope it will be helpful to everyone's learning. For more related content, please pay attention to PHP Chinese website!

Related recommendations:

How to use css3 to show and hide a div special effect

How to use css3 to realize the input box color Gradient glow effect

The above is the detailed content of Simulate the effect of box-shadow in CSS3 under IE. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn