HTML代碼：
<h1>Rabbit</h1>
CSS代碼：
body {
? ? background: #0f93c4;
}
h1 {
? ? color: #fff;
? ? font: 5em Brush Script MT;
? ? text-shadow: 0 1px 0 #ccc,
? ? ? ? ? ? 0 2px 0 #c9c9c9,
? ? ? ? ? ? 0 3px 0 #bbb,
? ? ? ? ? ? 0 4px 0 #b9b9b9,
? ? ? ? ? ? 0 5px 0 #aaa,
? ? ? ? ? ? 0 6px 1px rgba(0,0,0,.1),
? ? ? ? ? ? 0 0 5px rgba(0,0,0,.1),
? ? ? ? ? ? 0 1px 3px rgba(0,0,0,.3),
? ? ? ? ? ? 0 3px 5px rgba(0,0,0,.2),
? ? ? ? ? ? 0 5px 10px rgba(0,0,0,.25),
? ? ? ? ? ? 0 10px 10px rgba(0,0,0,.2),
? ? ? ? ? ? 0 20px 20px rgba(0,0,0,.15);
}
<!-- Brush Script MT 是一種字體 -->
HTML代碼：
<h1>Rabbit</h1>
CSS代碼：
body {
? ? background: #fbfbfb;
}
h1 {
? ? font-size: 5em;
? ? color: #9e110a;
? ? text-shadow: 4px 4px 0px #fff,
? ? 10px 10px 0px #cbcbcd;
}
HTML代碼：
<h1>Rabbit</h1>
CSS代碼：
body {
? ? background: #b1ccc3;
}
h1 {
? ? font: 5em Brush Script MT;
? ? color: #a5536a;
? ? text-shadow: -4px -2px 0 #fff;
}
<!-- Brush Script MT 是一種字體 -->
HTML代碼：
<h1>Rabbit</h1>
CSS代碼：
body {
? ? background: #d5d8d1;
}
h1 {
? ? font-size: 5em;
? ? color:rgba(67,153,97,.5);
? ? text-shadow:4px 4px 0 rgba(236,144,79, 0.6);
}
HTML代碼：
<h1>Rabbit</h1>
CSS代碼：
body {
? ? background: #474747;
}
h1 {
? ? font: bold 5em Brush Script MT ;
? ? color:#222;
? ? text-shadow: 0px 2px 3px #666;
}
<!-- Brush Script MT 是一種字體 -->
