2021.04.20
[CSS] 서리낀 글래스(Frosted Glass, Aero Glass) 효과 내는 방법
서리낀 글래스(Frosted Glass, Aero Glass) 효과 내는 방법 1. 서론 서리낀 글래스(Frosted Glass) 효과 를 다음과 같이 간단하게 CSS 를 사용하여 구현할 수 있다. 이 방법으로 Windows의 Aero Glass 효과를 구현할 수 있다. 2. 구현 방법 방법 1 이 방법은 다양한 웹 브라우저에서 지원되는 방법이다. 하지만 방법 2 보다 구현하기 더 복잡하다. 서리낀 글래스 효과를 적용시킬 객체를 다음과 같이 생성한다. 다음과 같이 태그에 원하는 이미지를 적용시킨 후, 다음과 같이 CSS 스타일을 적용시켜 준다. body { background-attachment: fixed; } 다음과 같이 box-shadow 스타일을 사용하여 몇가지 색상을 추가해 준다. .contai..
