HTML and CSS Reference
In-Depth Information
#ad #hell {
: ;
text-shadow: 0 0 4px white,
0 -5px 4px #FFFF33,
2px -10px 6px #FFDD33,
-2px -15px 11px #FF8800,
2px -25px 18px #FF2200;
}
Also, you'll include a repeating radial gradient using various transparent blacks
for a bit of background texture, plus a background color to provide a faint blue tint:
#ad #frame1 {
background-image: repeating-radial-gradient(top left,
rgba(0,0,0,0) 9px,
rgba(0,0,0,0.05) 10px,
rgba(0,0,0,0.05) 15px,
rgba(0,0,0,0.1) 16px,
rgba(0,0,0,0.1) 20px);
: ;
}
And finally, you'll use cool, very metal web fonts! These all result in a great set
of components that blend well into one another.
SUPPORTING OLDER BROWSERS
To s u p p To r t To l d e r b ro ws e rs , i n s t e a d To f u s i n g c l e v e r Po l y fi l l i n g To f c To n t e n t , y To u' l l
include a simple image fallback for non-
<video>
supporting browsers:
<img src=”poster.jpg” alt=””>
