CSS 3フォントシャドウプレゼンテーション

2492 ワード

CHROMEブラウザで確認してください
ABC 123文字テスト
ABC 123文字テスト
ABC 123文字テスト
ABC 123文字テスト
コード:
<div style="background-color: #535353; color: #353535; font-family:  ; font-size: 64px; padding:20px; font-weight:bold;">
<span style="text-shadow: -2px -2px 2px #0D0D0D, 0px 0px 5px #aaa;">ABC123 </span><br>
<span style="text-shadow: 2px 2px 2px #0D0D0D, 0px 0px 5px #aaa;">ABC123 </span><br>
<span style="text-shadow: 2px 2px 2px #000, 0px 0px 10px #fff, 0px 0px 20px #fff;">ABC123 </span><br>
<span style="color: white; text-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 40px #9dd;">ABC123 </span>
</div>