웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 다양한 박스 그림자 효과 Material Design Box Shadows 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] 다양한 박스 그림자 효과 Material Design Box Shadows

해피CGI윤실장 2019. 4. 15. 09:18

css를 이용하여 컨텐츠가 있는 박스의 그림자 효과를 넣을수 있습니다.

 

 

기본적인 박스 디자인에 아래와 같은 스타일로 다양한 그림자 효과를 적용할 수 있습니다.

 

 

 

응용하여 마우스 오버시 박스에 그림자 효과를 주어 컨텐츠에 포커스 되게 할 수 있습니다.

 

 

 

 

홈페이지바로가기 소스다운로드

Comments