diedVIPs

html knowhow

Wackelnder Text










Wackelnder Text

So sieht´s aus



Hier, bei MeinSolargarten, finden Gartenfreunde neben einer ausführlichen Bauanleitung für Garten-Accessoires auch Anpflanzanleitung für Gemüse, Blumen und Kräuter und auch Quellen, wo Sie Ihre Geräte, Maschinen, Pflanzen, Samen und Produkte über das Internet kaufen können. Auch geben wir durch zahlreiche Bilder aus unserem Garten Eindruck von dem, wie Sie Ihren Garten nachhaltig und dauerhaft verschönern könnten. Ja. So kann man den Garten wirklich genießen, denn bewässert wird automatisch. Nur noch die Topfpflanzen. Aber das schafft man schnell. Na ja. Wenn man so schön am Planen und Machen ist, kommen hunderte Ideen, was man noch so machen könnte.


Quellcode

<html>
<head>

<style type="text/css">
.shake {display: block; position: relative;}
h1, p, h2 {color: #FFF;}
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover
{
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.shake:focus {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
</style>
</head>

<body >
<section>
<div><br/>
<h2 style="color:green" class="shake"> Hier Ihr Text </h2>
</div>
</section>
</body>

</html>






Kontakt    Datenschutz   Impressum