linear-gradient濡備綍瀹炵幇鏂囧瓧鏁堟灉
扬州沐宇科技
2024-06-18 16:02:59
linear-gradient
瑕佸疄鐜版枃瀛楁晥鏋滐紝鍙互鍦–SS涓娇鐢╨inear-gradient灞炴€ф潵涓烘枃鏈坊鍔犳笎鍙樿儗鏅壊銆備互涓嬫槸涓€涓畝鍗曠殑绀轰緥锛?/p>
h1 {
background: linear-gradient(to right, #ff7e5f, #feb47b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
杩欐浠ｇ爜灏嗕负h1鍏冪礌鐨勬枃鏈坊鍔犱竴涓粠#ff7e5f鍒?feb47b鐨勬按骞虫笎鍙樿儗鏅壊銆傚悓鏃讹紝-webkit-background-clip灞炴€ц缃负text锛岃〃绀哄彧瀵规枃鏈唴瀹瑰簲鐢ㄨ儗鏅壊锛?webkit-text-fill-color灞炴€ц缃负transparent锛屽皢鏂囨湰棰滆壊璁句负閫忔槑锛屼粠鑰屾樉绀哄嚭鑳屾櫙鑹层€傛偍鍙互鏍规嵁闇€瑕佽皟鏁存笎鍙樿壊鍜屾柟鍚戞潵瀹炵幇涓嶅悓鐨勬枃瀛楁晥鏋溿€?/p>
