Wie man Text ändert Farben in CSS?

Das mag eine dumme Frage sein, aber ich möchte wissen, wie man das Tag in meinem Code die Farben von einem Farbverlauf von Lila zu Rot und zurück ändert, ohne über den Tag oder irgendetwas zu schweben.Wie man Text ändert Farben in CSS?

Ich habe versucht, etwas zu recherchieren und ich stolpere immer wieder über die so genannte Webkit- und Webkit-Animation.

Ich bin unsicher, wie man das verwendet, da ich sehr viel Anfänger mit HTML, CSS und JS habe. Kann mir jemand ein Beispiel geben, wie ich den Übergang zwischen den Farben, nach denen ich suche, schaffen kann?

Quelle

2016-11-11 Lubidia13

http://www.w3schools.com/css/css3_animations.asp –

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div { 
    width: 100px; 
    height: 100px; 
    background-color: red; 
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ 
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */ 
    animation-name: example; 
    animation-duration: 4s; 
} 

/* Safari 4.0 - 8.0 */ 
@-webkit-keyframes example { 
    from {background-color: red;} 
    to {background-color: yellow;} 
} 

/* Standard syntax */ 
@keyframes example { 
    from {background-color: red;} 
    to {background-color: yellow;} 
} 
</style> 
</head> 
<body> 

<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p> 

<div></div> 

<p><b>Note:</b> When an animation is finished, it changes back to its original style.</p> 

</body> 
</html>

Quelle

2016-11-11 17:02:58 hubman

Wie man Text ändert Farben in CSS?

Antwort

Verwandte Themen