text-shadow影を表示

スポンサーリンク
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>text-shadow影を表示</title>
<style>
.shadow0 {
  text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
  color: lightgreen;
  font: 1.5em  "Times New Roman", Times, serif ;}
.shadow1 { 
  text-shadow: 10px 5px 3px #cccccc;
  color: lightgreen; 
  font: 2em  "Arial Black", Gadget, sans-serif;}

.shadow2 {text-shadow: 10px 10px 3px #cccccc;
font: 1.5em  Verdana, Geneva, sans-serif}
</style>
</head>
<body>
<p class="shadow0">To avoid criticism, do nothing, say nothing, be nothing..</p>
<p class="shadow1">The first duty of love is to listen.</p>
<p class="shadow2">Keep your eyes on the stars, and your feet on the ground.</p>
</body>
</html>

コメント