Bild mit GIF im Hintergrund?
Hallo,
ich bekomme es hin, eine einfache Schrift, mit einem GIF zu hinterlegen.
HTML:
<a href="Startseite.html">
<h1 class="Blackseries">Blackseries</h1>
</a>
CSS:
.Blackseries {
color: transparent;
background-image: urlhttps://media.giphy.com/media/cM2jGL4t1azcHV83Ba/giphy.gif);
background-position: center;
-webkit-background-clip: text;
font-size: 50px;
font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}
Allerdings würde ich jetzt gerne ein Bild benutzen, welches transparente Stellen hat. Diese transparenten Stellen sollen dann durch das GIF ausgefüllt werden.
Ich habe auch schon im WWW geschaut, trotzdem habe ich bisher noch nichts gefunden. Vielleicht habe ich auch falsch gesucht?
Hat jemand einen Code bzw. eine Seite, wo beschrieben wird, wie man so etwas machen könnte?
LG UpdateD
Computer,
HTML,
CSS