CSS 뉴모피즘 neumophism css로 구현하기

 

 

 

안녕하세요 pixui 입니다.

 

디자인트렌드가 플랫에서 뉴모피즘으로 바뀔 것이다라는 기사가 요즘 간간히 보이고 있습니다.

사견으로는 뉴모피즘이 처음 사용자에게 시선을 끌고 심미적인 느낌은 좋지만, 계속 보면 볼수록

조금은 거추장 스럽기도하고,  UX  적 측면으로 실용적이지는 않다는 생각입니다.

이것도 점차 발전적인 방향으로 진화해 가겠지만 말입니다.

 

어쨋든  CSS 로 뉴모피즘 UI 의 느낌을 보수 있는 사이트가 있어서 소개하려고 합니다.

간단하게 progress bar로 값을 변형하면서 원하는 느낌의 스타일을 써보고 직접 적용도 해볼수 있는

사이트 입니다. 

 

 

 

 

https://neumorphism.io/#ffffff

Neumorphism/Soft UI CSS shadow generator

 

이상입니다. 끝~~