'CSS 3 실전'노트-그 라 데 이 션 디자인(1)
1427 단어 css
Webkit 엔진(Safari 4 및 이상 버 전)의 CSS 그 라 데 이 션 디자인
기본 문법:
-webkit-gradient(<type>,<point>[,<radius>]?,<point>[,<radius>]?[,<stop>]*)4.567914.그 라 데 이 션 유형 을 정의 하고 선형 그 라 데 이 션(linear)과 직경 방향 그 라 데 이 션(radial)을 포함한다.
4.567914.그 라 데 이 션 시작 점 과 끝 점 좌 표를 정의 합 니 다.즉,그 라 데 이 션 의 x 축 과 y 축 좌 표를 사용 하고 그 라 데 이 션 을 끝 내 는 좌 표를 사용 합 니 다.이 매개 변 수 는 수치,백분율,키워드,예 를 들 어(0,0)또는(left,top)등 을 지원 합 니 다.키 워드 는 top,bottom,left,right 를 포함한다.
4.567914.도로 방향 이 점점 변 할 때 도로 방향 이 점점 변 하 는 길 이 를 설정 하고 이 매개 변 수 는 하나의 수치 이다.
4.567914.그 라 데 이 션 색 과 보폭 을 정의 합 니 다.세 가지 유형 값,즉 시 작 된 색상 을 포함 하여 from(color value)함수 정 의 를 사용 합 니 다.끝 난 색상,to(color value)함수 정의 사용:색상 보폭,color-stop(value,color value)정 의 를 사용 합 니 다.color-stop()은 두 개의 매개 변수 값 을 포함 하고 첫 번 째 매개 변수 값 은 하나의 수치 나 백분율 값 이 며,수치 범 위 는 0~1.0(또는 0%~100%)이 며,두 번 째 매개 변수 값 은 임의의 색상 값 을 표시 합 니 다.
직선 그 라 데 이 션 기본 용법:
/* ， ， */
background: -webkit-gradient(linear, left top, left bottom, from(blue), to(red));<type>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
