CSS3 box-shadow Generator











-webkit-box-shadow: 20px 20px 0px 5px rgba(0, 255, 0, 0.1); /* WebKit */
-moz-box-shadow: 20px 20px 0px 5px rgba(0, 255, 0, 0.1); /* Firefox */
box-shadow: 20px 20px 0px 5px rgba(0, 255, 0, 0.1); /* Standard */
-webkit-box-shadow: 20px 20px 0px 5px #00FF00; /* WebKit */
-moz-box-shadow: 20px 20px 0px 5px #00FF00; /* Firefox */
box-shadow: 20px 20px 0px 5px #00FF00; /* Standard */

3.5 4.0 3.1 10.5 9.0

Internet Explorer 6-8:
filter: progid:DXImageTransform.Microsoft.Shadow(color='#00FF00', Direction=90, Strength=3)

box-shadow IE 6-8


box-shadow IE 6-8

.boxshadow {
zoom: 1; filter:
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=0, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=45, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=90, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=135, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=180, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=225, Strength=2)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=260, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=305, Strength=2);
-moz-box-shadow: 0 0 5px #222; /* Firefox */
-webkit-box-shadow: 0 0 5px #222; /* Webkit */
box-shadow: 0 0 5px #222; /* Standard */
}

HEX > RGB

R: G: B:

RGB > HEX

R: G: B:

© 2011-2014 css3-generator.de