디자인검색
Home > 고객센터 > 자료실

자료실

자료실 html 폰트에 그림자 넣기
2017-11-09 19:00:34
하나솔루션 조회수 333
121.125.23.140

css에 text-shadow 을 넣어서 옵션값을 제대로 주면 그림자 효과를 볼수가 있습니다.

{text-shadow: 가로거리, 세로거리, 번지는 정도, 색상값;}

여기에서 +면 그림자가 오른쪽으로 생성이 되고요 -면 그림자가 왼쪽으로 생성됩니다.

번지는 숫자가 크면클수록 많이 번지게 되니 이점 참조하세요

 

<style>
 div { font-size:20px; font-weight:bold; text-align:center; color:red; padding:50px; text-shadow:3px 3px 3px rgb(0,0,0);}
</style>

 

그리고 여기서 색상이 들어가는 rgb 부분을 rgba로 설정해서(ex : rgba(0,0,0,0.5)) 그림자에 투명도를 넣어주면 자연스럽고 보기 좋으니 활용해 보세요.

 

※ 투명도 옵션 : 값은 0~1

1은 불투명상태고 소수점으로 체크가능합니다. 0에 가까워 질수록 투명하게 됩니다.

 

 

댓글 1개

HANASOLUTION

SERVER LOCATION

서울시 서초구 서초동 1710-1 SK 브로드밴드 IDC 1층

이미지명

WORKING HOURS

NAME SERVER

 1    ns1.webit.kr
  211.215.17.210
 2    ns1.webit.kr
  211.215.17.212
상단으로 바로가기