어제 오늘 내일

텍스트를 흐리게 블러 처리하기 위해서 다음 2가지 방법을 사용할 수 있습니다. text-shadow filter: blur() text-shadow CSS의 text-shadow 속성은 텍스트에 그림자를 만들어줍니다. text-shadow에 관한 자세한 설명은 지난 포스팅을 참조하세요. [HTML/CSS] 텍스트에 그림자 넣기 (text-shadow) text-shadow text-shadow .ex01 { background: blue; text-shadow: 0px 0px 10px white; color: transparent; } .ex02 { text-shadow: 0px 0px 10px black; color: transparent; } div { font-size: 30px; font-weig..

CSS에서 텍스트에 그림자 효과를 주기 위해서는 text-shadow 속성을 사용합니다. text-shadow text-shadow: 3px 4px 5px red; 속성값 offset-x, offset-y (필수) 그림자의 위치를 지정합니다. offset-x : 양수이면 글자의 오른쪽에, 음수이면 글자의 왼쪽에 그림자가 나타납니다. offset-y : 양수이면 글자의 아래쪽에, 음수이면 글자의 위쪽에 그림자가 나타납니다. blur-radius 숫자가 커질수록, 그림자가 흐릿해집니다. color 그림자의 색깔을 지정합니다. 텍스트에 그림자 효과 주기 예제 ex01 ex02 ex03 .ex01 { text-shadow: 5px 5px gray; } .ex02 { text-shadow: 5px 5px 4px ..