순수 js 및 css는 정적 그래디언트 및 동적 그래디언트_javascript 기술을 포함한 그래디언트 색상을 구현합니다.
- WBOY원래의
- 2016-05-16 16:46:261421검색
"그라데이션 컬러"라고 하면 무엇이 떠오르나요?
이 용어를 검색하기 시작했을 때 실제로는 동적 그라디언트와 정적 그라디언트라는 두 가지 이해 또는 두 가지 형태가 있다는 것을 발견했습니다.
소위 동적 그라데이션은 간단한 예입니다. 그가 오면 얼굴이 점차 붉어집니다... 점차적으로 변화하는 것은 끊임없이 변화하고 정적 그라데이션은 더 간단합니다. 하늘색, 빨간색, 주황색, 노란색, 녹색, 파란색, 보라색... 현재 표시된 완제품에서는 색상이 부분마다 다를 수 있으며, 진폭이 상대적으로 작고 점차적으로 변하지만 한 가지가 있습니다. 중요하고, 이미 존재하며, 변화의 현 상태를 형성하고 변경할 수 없습니다.
이런 식으로 먼저 자바스크립트를 사용하여 소위 동적 그래디언트를 구현합니다. 동적 이유를 고려하여 그림을 간략하게 소개하지 않겠습니다.
* 동적입니다. 그래디언트
코드 복사 코드는 다음과 같습니다.