diedVIPs

html knowhow

Iframe Zieharmonika











Skalieren des Inhalts eines Iframes

So sieht´s aus



Change Height
Quellcode
<html>
<head>

<style type="text/css">
@keyframes discord {0% {height:700px; width:800px;} 100% {height:500px;width:350px;}}
@keyframes discord-c {0% {height:400px;width:800px;} 100% {height:200px; width:300px;}}
.discord {animation-name: discord-c; animation-duration: 10s; animation-play-state: pause; height:300px; width:400px;}
.discord:hover { height:700px; width:800px; animation-name: discord; animation-duration: 10s; animation-play-state: pause;}
.tablediscord:hover {height:700px; width:800px; float:right; animation-name: discord-a; animation-duration: 3.5s; animation-play-state: pause;}
</style>
</head>

<body >
<table>
<tr><td>
<table class="tablediscord" align="center">
<tr><td>
<table class="discord_1" align="center">
<tr><td><iframe src="../Impressum.html" class="discord" target="_self"></iframe>
</td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</div>
</body>

</html>







Kontakt  Datenschutz    Impressum