css3 점차적 지름변화의 《radial-gradient》
-moz-radial-gradient([ || ,]? [ || ,]? , [, ]*);
-webkit-radial-gradient([ || ,]? [ || ,]? , [, ]*); : 그래디언트 시작 위치
매개 변수: [① | ① | left | center ① | right]?[ ② | ② | top | center② | bottom ]?
: 레이디얼 그라데이션 중심의 가로 좌표값을 길이 값으로 지정합니다.음수가 될 수 있습니다.
: 레이디얼 그라데이션 중심의 가로 좌표값을 백분율로 지정합니다.음수가 될 수 있습니다.
left: 왼쪽을 지름으로 점차적으로 변하는 가로 좌표값으로 설정합니다.
center: 중간에 지름이 점차적으로 원심으로 변하는 가로 좌표값을 설정합니다.
right: 오른쪽에 지름이 점차적으로 원심으로 변하는 가로 좌표값을 설정합니다.
: 그래디언트 형태
매개 변수: [circle | ellipse]
circle: 원형 점차적 변화;
ellipse: 타원 그래디언트;
: 그래디언트 크기
매개 변수: [closest-side | closest-corner | farthest-side | farthest-corner]
closest-side: 지름 그래디언트의 반지름 길이를 중심에서 중심까지의 가장 가까운 모서리로 지정합니다.
closest-corner: 지름이 점차적으로 변하는 반경의 길이를 원심에서 원심에서 가장 가까운 각으로 지정합니다
farthest-side: 지름 그래디언트의 반지름 길이를 중심에서 중심에서 가장 먼 모서리로 지정합니다.
farthest-corner: 지름이 점차적으로 변하는 반경의 길이를 원심에서 원심에서 가장 먼 각으로 지정합니다
: 그래디언트의 시작과 끝 색상을 지정합니다.
매개 변수: [?,?
컬러는 두 가지 이상이어야 돼요.
color:색상 지정
length: 길이값으로 정지 위치를 지정합니다.음수는 사용할 수 없습니다.
percentage: 정지 위치를 백분율로 지정합니다.음수는 사용할 수 없습니다.
주: 시작과 끝의 색 위치 값은 누적 계산이고 두 번째 색은 첫 번째 색보다 커야 하며 세 번째 색의 위치는 첫 번째 색과 두 번째 색의 합보다 커야 한다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
초보자를 위한 간단한 카드 호버 애니메이션html과 css만 사용하여 만든 매우 간단한 카드 호버 애니메이션을 살펴보겠습니다. css 속성을 알고 있다면 이해할 수 있지만 완전히 초보자라면 css의 기초를 배우는 것이 좋습니다. 1단계: 마크업 즉, HTM...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
