Zooming Background-image

마우스 오버시 배경 이미지가 확대되는 효과를 CSS로 구현한 예제입니다. … More Zooming Background-image

Advertisements

Background Image Blur

브라우저에서 이미지 블러를 처리해야 하는 경우가 있습니다. 다음과 같이 사용하면 되겠습니다. .content:before { content: “”; position: fixed; left: 0; right: 0; z-index: -1; display: block; background-image: url(“./image.jpg”); background-position: top center; background-repeat: no-repeat; width: 900px; height: 600px; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .content { position: fixed; left: 0; right: 0; … More Background Image Blur