html knowhow

Drehendes Logo

So sieht´s aus

Hier sehen Sie nichts. Sehen Sie das Logo links oben.

Quellcode

<html>
<head>

<style type="text/css">
.wrap {perspective: 0%; position: relative; left:20px; top:10px; }
.cube { transform-style: preserve-3d; animation: spin 10s infinite linear}
.cube div {position: absolute;}
.front {transform: rotateY(1deg) translateZ(0px);}
.back {transform: rotateY(1deg) translateZ(-20px);}
@keyframes spin {from { transform: rotateY(100); } to { transform: rotateY(360deg); }}
</style>
</head>

<body>
<div style="left: 2%;top: 2em;position:absolute;height: 2em;width: 5.6em"><a href="../index.php"><div class="wrap">
<div class="cube">
<div class="front"><img src="../Bilder/HKhlogo.png" style="width: 100px; height: 100px;" alt="diedVIPs" /></div>
<div class="back"><img src="../Bilder/HKhlogo.png" style="width: 100px; height: 100px;" alt="diedVIPs" /></div>
</div>
</div>
</a></div>
</body>

</html>

Kontakt Datenschutz Impressum