CSS36

CSS :last-child :last-child 선택자는 요소중에 마지막 요소에 별도의 속성을 정의할 수 있습니다. :last-child { } 기본값:없음, 상속:안됨, 버전:CSS3 첫째 둘째 셋째 넷째 다섯째 여섯째 첫째 둘째 셋째 넷째 다섯째 여섯째 CSS :first-child 2014. 2. 13.
CSS opacity opacity 속성은 요소의 투명도를 설정해 줍니다. 값의 1은 100%이고 IE8이하 버전은 100입니다. opacity:value filter:Alpha(opacity=value) /* IE8 이하 버전 */ 기본값:1, 상속:안됨, 버전:CSS3 opacity:1; filter:Alpha(opacity=100) opacity:0.5; filter:Alpha(opacity=50) opacity:0.5;filter:Alpha(opacity=50) opacity:1;filter:Alpha(opacity=100) 2014. 2. 9.
CSS transition transition 속성은 요소에 정의해두고 마우스 오버시 효과를 다양하게 낼 수 있습니다. IE9 이하버전은 지원하지 않습니다. a { color:#222; transition: color 2s; } a:hover { color:#f40; } 색상에 효과를 주는 예제 입니다. 색상에 효과를 줄려면 요소와 호버에 색상이 지정되어 있어야 합니다. transition-property: Value; transition-duration: Value; transition-timing-function: Value; transition-delay: Value; transition: property duration timing-function delay 기본값:all 0 ease 0, 상속:안됨, 버전:CSS3 mou.. 2014. 2. 7.
CSS box-shadow text-shadow와 같이 요소의 그림자 효과을 주는 속성으로 배경을 기준으로 그림자 효과를 부여 합니다. 가로 세로 값은 필수입니다. CSS text-shadowbox-shadow: h-shadow v-shadow blur spread color inset h-shadow : 가로 v-shadow : 세로 blur : 번짐 spread : 그림자 크기 color : 색상 inset : 안쪽그림자 (기본 바같쪽)기본값:없음, 상속:안됨, 버전:CSS3 box-shadow:10px 10px; box-shadow:50px 50px 5px black; box-shadow:50px 50px 50px 5px black; box-shadow:10px 10px black inset; box-shadow:10px 1.. 2014. 2. 4.
CSS border-radius border-radius 속성은 요소들이 4각형의 모서리를 둥글게 처리해주는 역할을 합니다. 모든 태그에 적용이 가능하며 Ie는 9이상 버전에서만 호환 됩니다. 기본값:없음, 상속:안됨, 버전:CSS3 border-radius:25px border-radius:10px 20px 30px 40px border-radius: 좌상 우상 우하 좌하 border-radius:20px 40px border-radius: 좌상우하 우상좌하 border-radius:25px 2014. 2. 3.
CSS text-shadow text-shadow는 글자에 그림자 효과를 표현 할수있는 속성입니다. CSS box-shadowtext-shadow : h-shadow v-shadow blur color h-shadow : 가로 v-shadow : 세로 blur : 번짐 color : 색상가로세로 지정은 필수입니다. 색상을 지정하지 않을 경우 폰트의 색상을 따라 갑니다. 기본값:없음, 상속:됨, 버전:CSS3 ie 9 이하 버전에서는 표현이 되지 않습니다. text-shadow: h-shadow v-shadow blur colortext-shadow:5px 5px text-shadow: h-shadow v-shadow blur color text-shadow:5px 5px #f40 text-shadow: h-shadow v-shado.. 2014. 2. 1.