text-fill-color
說明：檢索或設(shè)置對象中的文字填充顏色。通過 text-fill-color 屬性，可以做出一些例如漸變文字和鏤空文字的效果
兼容：待查證
1）Webkit(Chrome/Safari) 內(nèi)核內(nèi)型 -webkit-text-fill-color
2）W3C 寫法 text-fill-color
漸變文字：
div{
font-size: 30px;
background: -webkit-linear-gradient(top,#fc0,#f30 50%,#c00 51%,#600);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
鏤空文字：
div{
font-size: 30px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #fff;
background:#000;width:300px
}
text-fill-color：
div{
background:-webkit-linear-gradient(top,#eee,#aaa 50%,#333 51%,#000);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-size:40px
}
CSS字體特效
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門激才，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人额嘿，你說我怎么就攤上這事瘸恼。” “怎么了册养？”我有些...
- 文/不壞的土叔 我叫張陵东帅，是天一觀的道長。 經(jīng)常有香客問我球拦，道長靠闭，這世上最難降的妖魔是什么帐我？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮阎毅，結(jié)果婚禮上焚刚，老公的妹妹穿的比我還像新娘。我一直安慰自己扇调，他們只是感情好矿咕，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著狼钮，像睡著了一般碳柱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上熬芜，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼季俩！你這毒婦竟也來了钮糖？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布怒炸，位于F島的核電站，受9級特大地震影響毡代，放射性物質(zhì)發(fā)生泄漏阅羹。R本人自食惡果不足惜勺疼，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望捏鱼。 院中可真熱鬧执庐，春花似錦、人聲如沸导梆。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽看尼。三九已至递鹉，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間藏斩，已是汗流浹背躏结。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 選擇qi：是表達式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性： color拓颓，font，text－align描孟，li...
- 一驶睦、CSS入門 1、css選擇器 選擇器的作用是“用于確定（選定）要進行樣式設(shè)定的標(biāo)簽（元素）”匿醒。 有若干種形式的...
- 1廉羔、垂直對齊 如果你用CSS憋他，則你會有困惑：我該怎么垂直對齊容器中的元素竹挡？現(xiàn)在揪罕，利用CSS3的Transform，...
