diedVIPs

html knowhow

Bild schiebt sich über Bild










Bild schiebt sich über Bild

So sieht´s aus


Avatar
Kaufen Sie bei meinem Werbepartner


Quellcode
<html>
<head>
Hier nichts

<style type="text/css">
.container {position: relative;width: 50%;left: 30%;}
.image {display: block;width: 80%;height: auto;}
.overlay {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #008CBA;overflow: hidden;width: 50%;height:0;transition: .5s ease;}
.container:hover .overlay {bottom: 0;height: 100%;}
.text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}

</style>
<head>

<body >
<div class="container"><img src="bilder/w-hbart.jpg" style="width:50%;height:auto;"alt="Avatar" class="image" z-index=" 5" />
<div class="overlay"><div class="text">Kaufen Sie bei meinem Werbepartner</div></div></div>
</body>

</html>








Kontakt    Datenschutz    Impressum