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>