웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] CSS - Frosted Glass 영역 블러 효과 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] CSS - Frosted Glass 영역 블러 효과

해피CGI윤실장 2023. 8. 21. 09:11



원하는 영역의 뒤에 있는 이미지나 컨텐츠를 블러처리 합니다.
예제처럼 사용도 가능하고 상단에 픽스되는 헤더 영역에 응용하는 방법도 가능합니다.





clip-path 와 fliter를 사용하여 구현이 가능합니다.
clip-path 로 다양한 모양을 만들수 있기에 활용이 편리합니다.
해당 사이트 혹은 첨부파일을 다운로드 받아 소스를 직접 확인할 수 있습니다.

 

 

Comments