css - Transparency in box shadow -
I am creating a title for my site. The background of the headings has been set as a horizontal gradient, so that the background is transparent Has been made because it goes from left to right
What am I trying to do? Do I create a box shadow for the title As the shadow becomes transparent as it goes from left to right I did that Try the Using the following I can almost get it, but the transparent shield dosenot looks so good. Bela <
width: 500 pics; Height: 50px; Status: Completed; Color: # 535353; Left: 45%; Top: 50%; Margin-left: -150px; Margin-top: -200px; Background: -Moz-linear shield (left, RGBA (179, 218, 221,0.65) 0%, RGBA (24 9, 249, 24, 0,00%); / * FF3.6 + * / Background: -WebKit-Gradient (linear, left top, right top, color-stop (0%, RGBA (179, 218, 221,0, 65)), color-stop (100%, RGBA (249, 24 9, 249, 0,0)); / * Chrome, Safari 4 + * / Background: -WebKit-Linear-shield (left, RGBA (179, 218, 221,0.65) 0%, RGBA (24 9, 249, 249, 0,0 100%); * * Chrome 10+, Safari 5.1 + * / Background: -O linear shield (left, RGBA (179, 218, 221,0.65) 0% , RGBA (24 9, 249, 249, 0,00%); / Opera 11.10+ * / Background: -MMS-linear-shield (left, RGBA (179, 218, 221,0.65) 0%, RGBA (24 9, 24 9, 24, 0,0 100%); / * IE10 + * / background : Linear-gradient (right, RGBA (179, 218, 221,0.65) 0%, RGBA (24, 9, 24, 9, 0,0, 100%); / * W3C * / filter: Prozed: DXImageTransform. Microsoft.gradient (startColorstr = '# a6b3dadd', endColorstr = '# 00f9f9f9', GradientType = 1); Range radius: 5px; Box-shadow: -5px 0 4px -1px RGBA (0, 0, 0, 0.5); -Moz-box-shadow: -5px 0 4px -1px RGBA (0, 0, 0, 0.5); -WebKit-Box-Shadow: -5px 0 4px -1px RGBA (0, 0, 0, 0.5);
Box-shadow: 60px 5px 0 # ffffff, 60px -5px 0 # ffffff, -4px 0px 5px # 000000;
Comments
Post a Comment