[CSS] 유리처럼 보이는 CSS 효과를 생성할때 유용한 사이트

2020 CSS 디자인 관련 트랜드를 보다가 우연히 찾아보게된 사이트이다. 특정 영역을 유리처럼 보이도록 반투명 바탕색을 입히는데 이를 Glass Morphism style 이라고 부른다.

사이트 링크는 아래와 같다.

https://glassmorphism.com/

Glassmorphism - simple CSS generator

사이트에 접속해보면 해당 페이지 1개 뿐이며, SETTINGS를 조작하면 상단의 디자인과 오른쪽 CSS 코드가 변경되는것을 확인할 수 있다. 원하는 설정을 적용 후 COPY 버튼을 눌러 자신의 프로젝트에서 사용하면 된다.