CSS字體漸變顏色可以使你的網頁或者應用程序更加炫酷和吸引人,在這里我們提供一些常用的CSS字體漸變顏色效果,希望能夠幫到你。
.gradient { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #cc2b5e, #753a88); /*漸變方向:由左到右*/ } .gradient-2 { background: linear-gradient(to right, #c2e59c, #64b3f4); /*漸變方向:由左到右*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-3 { background: linear-gradient(to right, #de6262, #ffb88c); /*漸變方向:由左到右*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-4 { background: linear-gradient(to right, #fc00ff, #00dbde); /*漸變方向:由左到右*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-5 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #90a1c5, #b5bdc8, #dbe9f3); /*漸變方向:由左到右*/ }
以上是幾種常用的CSS字體漸變顏色效果,當然除此之外,你還可以根據自己的需要來改變漸變方向、顏色以及效果等等,讓網頁或應用程序更加精美和吸引人。
上一篇ajax回調函數 怎么寫
下一篇css字體居中方法