Shadow

목차

Shadow

{h-shadow v-shadow blur-radius spread-distance color}
{수평그림자 수직그림자 흐림반경 확산거리 색상}

 

<style>
.shadow1{font-size: 50px; text-shadow:3px 3px gray ; }
.shadow2{font-size: 50px; text-shadow: 3px 2px 2px gray;}
.shadow3{font-size: 50px; text-shadow: 3px 2px 2px blue;}
.shadow4{font-size: 50px; text-shadow: 0px 0px 3px red;}
.shadow5{color : white; font-size: 50px; text-shadow: 1px 1px 7px black, 0 0 40px purple, 0 0 10px maroon ;}
</style>
<body>
<div class="shadow1">black shadow effect</div><br><br>
<div class="shadow2">cloudy shadow effect</div><br><br>
<div class="shadow3">neon effect</div><br><br>
<div class="shadow4">color shadow effect</div><br><br>
<div class="shadow5">black shadow effect</div><br><br>
</body>

edited_Screen Shot 2023-02-06 at 10.22.53 AM.png