랭킹으로 돌아가기
180 linear gradients in CSS3, Figma, Sketch and PSD formats — free for personal and commercial use
gradientbackgroundcssdesignuicolorscss-gradientsfigmafigma-pluginfrontendsketchwebdesign
주요 지표
스타 성장
스타
2.5k
포크
141
주간 성장
—
이슈
0
1k2k
2017년 1월2018년 8월2020년 3월2021년 10월2023년 5월2024년 12월2026년 7월
아티팩트npm
npm install webgradientsREADME
WebGradients
A curated collection of splendid gradients made in CSS3, .sketch, .PSD and Figma formats.
View all the gradients here »
Made by Dima Braven · itmeo
Figma Plugin
Install the WebGradients Figma plugin to use all 180 gradients directly inside Figma.
How To Use
- Download the file
webgradients.css. - Place the file in your project folder.
- Link the file in the
<head>of your document.
<html>
<head>
<link href="webgradients.css" rel="stylesheet">
</head>
...
Browser Compatibility
Some gradients use the background-blend-mode CSS property. It is supported by the majority of modern browsers.
View full compatibility list (view on Caniuse) »
You can learn more about background-blend-mode here (view on MDN) »
License
WebGradients is created under the MIT license.
관련 저장소