您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 圖趣新聞 >> 小眾網(wǎng)站 >> 瀏覽設(shè)計(jì)教程

[小眾網(wǎng)站]webgradients - 漸變背景效果

webgradients網(wǎng)站包含了180種不同的線性漸變效果,你可以在網(wǎng)站的任何地方采用這些漸變的配色,只需要復(fù)制其中的CSS3代碼或者下載一個(gè)PNG格式的圖片就行了,設(shè)計(jì)出時(shí)尚又好看的漸變可以說是設(shè)計(jì)師的剛需,而WebGradients 就是為此而生的漸變工具。

webgrads.jpg

STEP1

查找到喜歡的漸變效果

STEP2

點(diǎn)擊copy css,生成如下css代碼

background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);

復(fù)制到樣式文件里面即可


網(wǎng)址:https://webgradients.com/


免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/news/xz3623.html
圖趣網(wǎng)微信
圖趣網(wǎng)app
圖趣網(wǎng)app
建議反饋
×