box-shadow를 사용해서 요소에 그림자 효과를 주는 방법

JooKit 주킷 2023. 5. 23. 21:18
목차 접기
728x90
반응형

 

box-shadow: 2px 2px 2px 2px;

 

 

 

 

 

 

 

box-shadow: 3px 3px 3px 3px;

 

 

 

 

 

 

 

 

box-shadow: 4px 4px 4px 4px;

 

 

 

 

 

 

 

 

 

 

 

box-shadow: 5px 5px 5px 5px;

 

 

 

 

 

 

 

 

각각 다르게 px을 적용해서 그림자 효과를 줄 수 있다. 

박스가 조금 더 아름다워 보이는 효과 🤩

728x90
반응형
LIST