3D Claymorphism 디자인 「CLAY.css」

 

 

 

 

clay.css는 말 그대로 찰흙같은 느낌의 디자인을 구현할 수 있다.

 

 

clay.css를 통해 찰흙과 같은 디자인을 구현가능...

 

 

clay.css는 아기자기한 디테일이 필요한 분야에 사용한다면 그 느낌을 배가 시킬 수 있다. 특히, 아동용 애니메이션, 유아용 교육, 팬시·잡화와 같은 UI디자인에 잘 어울린다. 

 

 

교육과 재미, 두마리 토끼를 한번에,
우리 아이가 좋아하는 애니메이션 친구들을 만나보세요

 

 

.clay 클래스와 함께 css속성으로 '--clay'를 붙이는 것만으로 위와 같은 효과를 즉시 생성할 수 있다. 그리고 svg 일러스트 파일과 함께 사용한다면 효과를 극대화 할 수 있으므로 캐릭터 위주의 애니메이션 웹사이트에 잘 어울린다.

 

https://github.com/codeAdrian/clay.css

 

 

clay.css사용법은 해당 홈페이지에서 확인할 수 있다.

 

https://codeadrian.github.io/clay.css/?ref=sidebar 

clay.css - by Adrian Bece