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: