Web/HTML | CSS|JAVASCRIPT
Shadow 정리(CSS)
싸공
2020. 7. 27. 10:11
<!DOCTYPE html>
<html>
<head>
<style>
.shadow1 {
text-shadow: 1.5px 1.5px rgb(207, 149, 149);
}
.shadow2 {
text-shadow: 1.5px 1.5px 2px rgb(11, 20, 102);
}
</style>
</head>
<body>
<p class="shadow1">Hello World!!</p>
<p class="shadow2">Hello World!!</p>
</body>
</html>
text-shadow: 3px 1px;
text-shadow: 가로 그림자 세로 그림자
text-shadow: 1.5px 1.5px blue;
text-shadow: 가로 그림자 세로 그림자 색상
text-shadow: 1.5px 1.5px 3px blue;
text-shadow: 1.5px 1.5px blur효과 blue;