CSS를 사용하여 폴오프 그림자 만들기
- WBOY앞으로
- 2023-08-26 08:25:091546검색
그림자 필터는 지정된 방향과 색상으로 폴오프 그림자를 만드는 데 사용됩니다.
이 필터에는 다음 매개변수를 사용할 수 있습니다. −
| 일련번호 | 매개변수 및 설명 |
|---|---|
| 1 |
color 원하시는 쉐이드 컬러. |
| 2 |
Direction 흐림의 방향(시계 방향)은 45도 단위입니다. 기본값은 270(왼쪽)입니다. 0 = 위쪽 45 = 오른쪽 위 90 = 오른쪽 135 = 오른쪽 아래 180 = 아래쪽 225 = 왼쪽 아래 270 = 왼쪽 315 = 왼쪽 위
|
예
다음 코드를 실행하여 섀도우 필터를 구현할 수 있습니다. −
데모
<html>
<head>
</head>
<body>
<img src="/css/images/logo.png" alt="CSS Logo"style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">
<p>Text Example:</p>
<div style="width: 357;
height: 50;
font-size: 30pt;
font-family:
Arial Black;
color: red;
Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
</body>
</html>위 내용은 CSS를 사용하여 폴오프 그림자 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：CSS를 사용한 페이드 인 애니메이션 효과다음 기사：CSS를 사용한 페이드 인 애니메이션 효과