'그림자효과'에 해당되는 글 2건
[HTML/CSS] 텍스트 그림자 효과 꾸미기
텍스트에 그림자 효과를 주는 기능에 대하여 알아 보도록 하겠습니다. 그림자 효과 CSS를 사용하여 밋밋한 텍스트를 더욱 풍성하고 멋지게 꾸며 볼 수 있습니다. HTML/CSS 소스 ERun-Joy ERun-Joy ERun-Joy ERun-Joy ERun-Joy 브라우저 실행 결과 소스설명 - font-weight: bold; → font-weight(글자굵기) : bold(진하게) → font-weight 의 속성으로는 bold 이외에 100~900까지 100단위로 설정 할 수 있습니다. → 400은 normal과 같으며, 700은 bold와 동일합니다. 즉 숫자가 높을 수록 진하게 표시 됩니다. - text-shadow: 0px 5px 0px #FFB2F5; → text-shadow(그림자효과) : 0..
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보다..