본문으로 바로가기

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

category 코딩공부/HTML, CSS 2020. 7. 31. 09:14

 

 

 

안녕하세요 pixui 입니다.

 

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

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

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

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

 

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

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

사이트 입니다. 

 

 

 

 

https://neumorphism.io/#ffffff

 

Neumorphism/Soft UI CSS shadow generator

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

neumorphism.io

 

이상입니다. 끝~~

 


댓글을 달아 주세요

  1. 삼색고등우 2020.11.12 02:57

    세상에....너무 좋은 사이트네요,,,감사합니다^^