CSS - Bilder-Farbrotation mit Gradient
<style>
/* Bilder-Farbrotation mit Gradient */
div.rotate {
background: url("bild.png"),
linear-gradient(233deg, #E56420, #C22525, #3D9C31, #37BBDE);
width: 444px;
height: 207px;
background-size: Cover;
background-blend-mode: hard-light;
animation: hue-rotate 20s linear infinite;
}
@keyframes hue-rotate {
from {
filter: hue-rotate(0);
}
to {
filter: hue-rotate(360deg);
}
}
</style>
<div class="rotate"></div>
Der CSS Blend-Mode - Ist ein Mischmodus um zwei Ebenen (Hintergrundbild und Hintergrundfarbe) anhand von Farbformeln visuell miteinander zu verschmelzen.
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Bausteinen (Codeschnipsel
) aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<dialog> Dialog Element
PHP - Eingabe vergleichen und ausgeben