如何垂直分割2種顏色的文字？

我想在我的div中的一個詞被垂直使用純CSS分成兩種顏色，任何想法我可以做到這一點？如何垂直分割2種顏色的文字？

2013-02-15 Creepy Frog

你當然可以使用CSS3漸變和剪輯屬性..我知道這是我用於webkits的，但不知道其他的瀏覽器，如果你願意，你可以試試這個

Demo（請查看它在Chrome）

div { 
    font: 40px Arial; 
    background: -webkit-linear-gradient(top, #0d2172 0%,#0d2172 50%,#ff2828 50%,#ff0000 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

注：作爲Web開發人員我不使用任何最新的瀏覽器，如果你知道任何propr ietary財產工程相同請隨時編輯我的回答

來源

2013-02-15 07:02:28

嘿謝謝你，有無論如何，我可以使它跨瀏覽器？ – 2013-02-15 07:10:35

@CreepyFrog不知道，但如果你想這樣做，最好使用圖像，而不是使用CSS3的方式，直到所有瀏覽器廣泛支持CSS3屬性 – 2013-02-15 07:11:43

好的，謝謝你... – 2013-02-15 07:15:49

如何垂直分割2種顏色的文字？

回答

相關問題