본문 바로가기

Works/Blog Skin

요즘 유행하는 웹디자인 요소를 모두 적용해보았습니다.

아이폰테마와 블로그 스킨 페이지를 개편하면서 고정 배경 이미지와 풀스크린 이미지를 넣었습니다.


풀 스크린 이미지

풀스크린 이미지

고정된 배경 이미지

고정된 배경이미지


최신 웹 디자인 요소


고정된 배경이미지는 뒷배경은 고정되어 있고 위에 있는 요소만 움직이게 하는 방법입니다. 무엇보다도 입체감을 살릴수 있다는 장점이 있지만 너무 많이쓰면 스크롤시 버벅거리고 정신이 사나워지는 단점이 있습니다.


풀스크린 이미지의 경우 웹브라우저의 가로 세로 넓이에 그대로 맞춰서 요소(element)를 생성하는 방식입니다. 전면에 원하는 사진을 꽉채워서 놓을수 있을 뿐만 아니라 스크롤을 아래로 내리면 내용이 보이게 할수 있고 무엇보다도 반응형 지원이 됩니다.