diedVIPs

html knowhow

Schrift mit wechselnden Hintergrundbildern












Schrift mit wechselnden Hintergrundbildern

So sieht´s aus

Hans Busch

Quellcode
<html>
<head>

<style type="text/css">
@import url("https://fonts.googleapis.com/css?family=Creepster");
.h1 {margin: 0;font-size: 10vw;line-height: 25vw;font-family: Creepster, sans-serif;color: #FF6D00;-webkit-text-fill-color: transparent;-webkit-background-clip: text;
text-align: center;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;animation: slideshow 28.7s infinite steps(1);}
@keyframes slideshow {
0%, 100% { background-image: url("http://hbart.de/Bilder/800x600Bilder/Ambi1.jpg"); }
14.2857142857% { background-image: url("http://hbart.de/Bilder/800x600Bilder/Astern.jpg"); }
28.5714285714% { background-image: url("http://hbart.de/Bilder/800x600Bilder/Anette.jpg"); }
42.8571428571% { background-image: url("http://hbart.de/Bilder/800x600Bilder/BunteFarbe.jpg"); }
57.1428571429% { background-image: url("http://hbart.de/Bilder/800x600Bilder/Karl Busch.jpg"); }
71.4285714286% { background-image: url("http://hbart.de/Bilder/800x600Bilder/Life.jpg");}
85.7142857143% { background-image: url("http://hbart.de/Bilder/800x600Bilder/Sonnenblume.jpg"); } }
</style>
</head>

<body >
<h1 class="h1">Hans Busch</h1>
</body>

</html>











Kontakt    Datenschutz    Impressum