⭐ 글래스모피즘을 적용한 이유
- 포트폴리오를 만들고 보니 navbar 뒤에 그대로 비치는 글씨와 카드들 뒤에 별자리가 보이는게 마음에 안들었다.
- 어떻게 할지 방법을 찾던 중 글래스모피즘을 발견하여 적용하기로 결정했다.
⚡ 문제
- 분명 코드를 적용했는데 개발자도구를 열어보니 -webkit-backdrop-filter만 적용이 안되었다.
- 더 확인해보니 background-color나 backdrop-filter는 적용이 되고 -webkit-backdrop-filter만 적용이 안된다.
☄️해결
- 알고보니 사파리에서 작동이 안되는 거였다.
- -webkit-backdrop-filter를 먼저 써주니 글래스모피즘이 적용됐다.
🩷 결과
