게으른 사람들을 위한 CSS 텍스트 그림자 생성기.
갤러리에서 미리 정의된 스타일을 선택하거나 기본 설정으로 텍스트 그림자를 생성합니다. 원하는 속성을 설정하여 CSS 코드를 가져옵니다.
그림자를 오른쪽/아래로 이동하고 흐림과 불투명도를 설정하고 팔레트에서 색상을 선택하여 CSS를 가져옵니다. 온라인 편집기를 사용하여 스타일을 수동으로 조정하십시오. 사용자 정의 텍스트와 배경색을 설정할 수 있는 라이브 미리 보기에서 그림자의 진화를 따르십시오.
CSS3 텍스트 섀도우 설명
CSS3 text-shadow 속성은 웹사이트 디자인을 점진적으로 향상시키는 가장 인기 있는 기술 중 하나입니다. 원래 CSS 2.1 사양에 있었지만 지원 부족으로 철회되었습니다. 그러나 이제 CSS 3으로 돌아갔고 최신 브라우저에서 광범위하게 지원됩니다.
네 가지 값을 취합니다. 첫 번째 값은 x(수평) 방향의 그림자 거리를 정의하고, 두 번째 값은 y(수직) 방향의 거리를 설정하고, 세 번째 값은 그림자의 흐림을 정의하고 마지막 값은 설정합니다. 그 색깔.
이것은 border-radius와 같은 다른 CSS3 규칙에 비해 상대적으로 기억하기 쉽지만 실시간으로 텍스트 그림자를 생성하고 Photoshop과 같은 컨트롤로 미세 조정할 수 있도록 이와 같은 생성기를 갖는 것이 유용합니다.
