如何更改css中單詞的顏色從左到右

-1

我希望有人可以幫助我知道一點點htmlcss。我正在尋找一種方法來從左向右更改單詞的顏色。如果我能改變改變單詞顏色的時間，那將是非常棒的。（這可以在代碼中，不需要用戶輸入）。如何更改css中單詞的顏色從左到右

一個示例詞將是「Hello」（從黑色開始，然後從左到右依次爲灰色）。如果有人可以幫助....感謝

2016-08-30 Tom Danial

歡迎來到堆棧溢出！預計你至少試圖爲自己編碼。堆棧溢出不是代碼寫入服務。我建議你做一些[**額外的研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），無論是通過谷歌或通過搜索，嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

我是否理解你想用漸變做文本，而不是背景？ – Qwertiy

http://lea.verou.me/2012/05/text-masking-the-standards-way/ – Qwertiy

-1

編輯：更改文本顏色從從右向左移動

<html><head> 
<style> 
div.a {color:black;position:absolute;right:0} 
</style> 
<script src=jquery.js></script> 
<script src=jquery-ui.min.js></script> 
</head><body> 
<div class=a >Hello</div> 

<script> 
$(document).ready(function(){ 


$('div.a').animate({ 
    right: window.innerWidth - 50,  // move from right to left 
    color: "red"      // change color 
    }, 10000);       // time in ms 10000ms -> 10s 


}); 
</script> 
</body></html>

來源

2016-08-30 14:26:42 MoolsBytheway

Webkit的瀏覽器只有當：

body { 
 
    font-size: 4em; 
 
} 
 

 
div { 
 
    display: inline-block; 
 
    color: green; 
 
} 
 

 
@supports (-webkit-background-clip: text) { 
 
    div { 
 
    background: linear-gradient(to right, green, red); 
 
    -webkit-background-clip: text; 
 
    color: transparent; 
 
    } 
 
}

<div>Some text goes here</div>

來源

2016-08-30 14:30:55 Qwertiy

如何更改css中單詞的顏色從左到右

回答

相關問題