diedVIPs

html knowhow

Iframe der schrumpft und wächst









Iframe der schrumpft und wächst

So sieht´s aus




Quellcode
<html>
<head>

<style type="text/css">
.window-container {border-radius: 8px; width: 90%; height: 400px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); animation: scale 6s alternate infinite;}
@keyframes scale {
0% {width: 600px;}
20% {width: 600px;}
80% {width: 200px;}
100% {width: 200px;}}
.window-content {position: relative; border-radius: 0 0 8px 8px; height: calc(100% - 32px); overflow: hidden;}
#iframe { border-width: 0; border-radius: 0 0 16px 16px; min-width: 200%; min-height: 200%; transform: scale(0.5); transform-origin: 0 0;}
</style>
</head>

<body >
<div class="window-container">
<div class="window-content">
<iframe id="iframe" src="http://htmlknowhow.de/kontakt.html" name="iframe" target="_self"></iframe></div>
</div>
</body>

</html>








Kontakt    Datenschutz    Impressum