728x90
반응형
■ CSS box-shadow 박스 그림자 효과
■ 사용법
<style>
.tmpDiv {
width:100%;
height:100px;
box-shadow: 3px 4px 10px 2px rgb(0 0 0 / 20%);
}
</style>
<div class="tmpDiv"></div>
↓ div 하단에 그림자 효과 ↓
728x90
반응형
'CSS' 카테고리의 다른 글
[CSS] background gradient 배경 그라데이션 효과 (0) | 2021.04.22 |
---|---|
[CSS] nth-child n배수 요소 선택하기 nth-child(n+n) (0) | 2021.04.15 |
[CSS] 머티리얼 아이콘 material-icons 구글 웹폰트 (0) | 2021.02.09 |
[CSS] :not(:first-child), :not(:last-child) (0) | 2020.07.10 |
[CSS] scroll css (스크롤 디자인) (0) | 2020.06.24 |