webgradients:180个渐变色彩CSS语法提供以及图片下载

渐变色较单一颜色来的有层次感,也深受美工人员的喜爱,要用 CSS 做出渐变色,不难,但难在颜色如何搭配,这让人很伤脑筋的,WebGradients这个网站提供 180个已经配好色的渐变色彩,并提供 CSS3语法与 PNG 图片,不论是个人或商业均可免费取用。

webgradients.com官网链接

如何使用 WebGradients 取得渐变色的 CSS 语法或 PNG 图片?

1、使用浏览器进入WebGradients网站,便可看到以配置好的渐变色集合。

webgradients:180个渐变色彩CSS语法提供以及图片下载

2、每个渐变色卡中右上角的圆形向下箭头图式按钮,可以用来取得 PNG 图片。

webgradients:180个渐变色彩CSS语法提供以及图片下载

3、要取得渐变色彩的 CSS3 语法,则可以按渐变色卡中右下角的[ Copy CSS ],便会将 CSS3 语法复制到剪贴板中,并在该色卡中出现 Gotcha! 图形与字样。

webgradients:180个渐变色彩CSS语法提供以及图片下载

4、取得的语法。