h1 {
text-rendering: optimizeLegibility; }
 
To make text shadows more real, you will need to add more shadows.
 
h1 {
text-shadow: 0 1px 0 #ccc
0 2px 0 #c5c5c5
0 3px 0 #bbb
0 4px 0 #b5b5b5
0 5px 0 #aaa
0 6px #a5a5a5
0 7px 3px rgba(0,0,0,0.3)
0 10px 10px rgba(0,0,0,0,2)
0 10px 10px rgba(0,0,0,0,0.15)
0 20px 20px rgba(0,0,0,0,0.11);
}
 
There are 10 text-shadows

Bibliographical Information

Stephen Greig

ISBN: 978-1-118-65263-3

384 pages

July 2013

These are notes I made after reading this book. See more book notes