Pohybující se barevný přechod

Pohybující se barevný přechod

Přáli jste si, aby váš web vypadal opravdu moderně? S touto animací, která je ovšem jen v CSS3, určitě bude.

Nutno ovšem dodat, že to funguje jen v Chromu.

 

Kód:
<style type=“text/css“>#textPr {background: -moz-linear-gradient(left, #4d4d4d, 0.4, #4d4d4d, 0.5, white, 0.6, #4d4d4d, #4d4d4d);background: -webkit-gradient(linear,left top,right top,color-stop(0, #4d4d4d),color-stop(0.4, #4d4d4d),color-stop(0.5, white),color-stop(0.6, #4d4d4d),color-stop(1, #4d4d4d));-moz-background-clip: text;-webkit-background-clip: text;-moz-text-fill-color: transparent;-webkit-text-fill-color: transparent;-webkit-animation: slidetounlock 8s infinite;}@-webkit-keyframes slidetounlock {0% {background-position: -720px 0;}100%{ background-position: 720px 0;}}</style>

<div id=“textPr“>Dobrý den</div>

Ukázka:

Dobrý den

Leave a Reply