유리
-
[CSS] 유리처럼 보이는 CSS 효과를 생성할때 유용한 사이트ETC 2021. 1. 24. 19:34
2020 CSS 디자인 관련 트랜드를 보다가 우연히 찾아보게된 사이트이다. 특정 영역을 유리처럼 보이도록 반투명 바탕색을 입히는데 이를 Glass Morphism style 이라고 부른다. 사이트 링크는 아래와 같다. https://glassmorphism.com/ Glassmorphism - simple CSS generator Glassmorphism UI CSS generator glassmorphism.com 사이트에 접속해보면 해당 페이지 1개 뿐이며, SETTINGS를 조작하면 상단의 디자인과 오른쪽 CSS 코드가 변경되는것을 확인할 수 있다. 원하는 설정을 적용 후 COPY 버튼을 눌러 자신의 프로젝트에서 사용하면 된다.