<!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;
'Web > HTML | CSS|JAVASCRIPT' 카테고리의 다른 글
| Linear Gradients 그라데이션 적용하기(CSS) (0) | 2020.07.27 |
|---|---|
| opacity 정리(CSS) (0) | 2020.07.27 |
| border-radius 정리(CSS) (0) | 2020.07.27 |
| 간단한 hover 기능 구현(HTML, CSS) (0) | 2020.07.27 |
| 자바스크립트를 사용하지 않은 슬라이드 이미지 만들기(HTML, CSS) (0) | 2020.07.21 |
