본문 바로가기

레이어2

CSS를 이용한 레이어 그림자 효과 주기 카테고리 레이어에 그림자 효과 주는 방법 그림자를 주기 위한 CSS 속성은 box-shadow 입니다. ■ 참고소스#category { position : fixed; font-family : '굴림', sans-serif; margin:50px 0px 0px; box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.14) , 0 3px 1px -2px rgba(0, 0, 0, 0.12) , 0 1px 5px 0 rgba(0, 0, 0, 0.2); padding:10px ; z-index:99;background-color:#fff;} box-shadow 설정 값으로는 4가지 설정 부분들이 있습니다. ■ 설정방법첫번째 값은 그림자의 가로 길이 설정 입니다 설정 값은 0을 기준으로 0보다.. 2018. 2. 22.
HTML/CSS 레이어(Layer) 란 레이어란 무엇인가? 레이어(Layer)란 층을 의미 합니다. 한 문서에 여러개의 레이러를 만들어 다른 레이어 위에 쌓을 수 있고, 투명하거나 불투명하게 만들 수 도 있습니다. HTML 문서의 배경색과 배경 이미지를 지정하는 것처럼 각 레이어의 배경색과 배경 이미지도 지정 하능 합니다. 자바스크립트를 사용하면 레이러를 옮기거나 감추거나 확대 또는 축소도 가능 합니다. 기본적으로 HTML과 자바스크립트를 사용하여 웹 페이지상에 동적인 애니메이션을 구현할 수 있고, 다양하게 동작하는 웹 페이지를 만들 수 있습니다. 레이어 정의 하나의 레이어는 다른 레이어와 구별되어야 하므로 고유한 아이디(ID) 이름을 가져야 합니다. 여기에 레이어 위치를 지정하기 위한 position 속성과 레이어의 크기를 추가하여 레이어를.. 2018. 2. 13.