Glassmorphism -글래스모피즘 아이콘

Glassmorphism - 안개효과가 적용된 유리 또는 얼름 질감의 반투명 효과, 유리에 서리가 낀것 같이 뒷부분이 비쳐보이지만 흐릿하게 퍼지는 효과가 있음. 

• Frosted Glassmorphism
• Fluent Design System

구현 방법

• CSS 
  1. Glassmorphism CSS Generator | SquarePlanet | SquarePlanet (hype4.academy)
  2. Glassmorphism CSS Generator - Glass UI
  3. Behance에서의 Frosted Glass (Glass Morphism) Tutorial
  4. 글래스모피즘 디자인 구현을 위한 CSS 생성 서비스 : Glass UI - 지금 써보러 갑니다 (icunow.co.kr)
• Illustrator
• Photoshop
  1. 글래스모피즘 그래픽 만드는 방법 – 포토샵 강좌 실전 | 디자인베이스 (designbase.co.kr)
• 기타 

관련이야기

• UI 속 글래스모피즘 (brunch.co.kr)
• [디자인 트렌드] 글래스모피즘 UI : 네이버 블로그 (naver.com)
• 글래스모피즘이란?(Glassmorphism) (tistory.com)
• 뉴모피즘 디자인, 글라스모피즘 디자인. 플랫 디자인, 이제는 안녕? | by gary | TOKTOKHAN.DEV — TEAM
• [피그마] 글래스모피즘을 알아보고 글래스모피즘 아이콘 만들기 - YouTube
• #17 글래스모피즘 그래픽 만드는 방법 - 포토샵 강좌 실전 - YouTube
• 49개의 글래스모피즘 아이디어 | 웹디자인, 레이아웃, 앱 (pinterest.co.kr)
• UI 속의 글래스모피즘 - wishket
• 그린채널 - 뉴모피즘과 글래스모피즘 (greenart.co.kr)
• 무료로 다운로드 가능한 Morphism 벡터 & 일러스트 | Freepik
• Glassmorphism 예찬, 그리고 고찰 - N1dev (youngjae99.github.io)
• 새롭게 떠오르고 있는 UI 트렌드 : 뉴모피즘(Neumorphism)을 지나 글래스모피즘(Glassmorphism)으로 (tistory.com)
• 2/P. 2023 디자인 트렌드 - 글래스모피즘 (oopy.io)
• 글래스모피즘 - Google 검색
• 글래스모피즘 - 검색 (bing.com)