structix/intecsync
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updates lul

Browse Source
This commit is contained in:
structix
2019-07-28 15:37:16 +02:00
parent 8fbaed01a3
commit 3a8ae47c7f
1 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
cgi-bin/vorbereitung/waltermode.html
View File

@@ -20,12 +20,12 @@
@keyframes stretchyWalter { @keyframes stretchyWalter {
0% { 0% {
width: 30%; width: 10%;
height: 100%; height: 90%;
} }
100% { 100% {
width: 100%; width: 90%;
height: 30%; height: 10%;
} }
} }
@@ -73,6 +73,31 @@ h1 {
background-color: blue; background-color: blue;
} }
} }
.howard {
display: block;
margin-left: auto;
margin-right: auto;
height: 30%;
width: 30%;
z-index: 3;
animation-name: howardspin;
animation-duration: 2.4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes howardspin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style> </style>
</head> </head>
<body> <body>
@@ -83,6 +108,8 @@ h1 {
<img id="walter" src="./Hhh.jpg"> <img id="walter" src="./Hhh.jpg">
<h1><marquee direction="right" behaviour="slide" scrollamount="20">Keeping it final abstract!</marquee></h1> <h1><marquee direction="right" behaviour="slide" scrollamount="20">Keeping it final abstract!</marquee></h1>
<h1><marquee direction="left" behaviour="slide" scrollamount="60">Keeping it final abstract!</marquee></h1> <h1><marquee direction="left" behaviour="slide" scrollamount="60">Keeping it final abstract!</marquee></h1>
<img class="howard" src="https://media.giphy.com/media/1oE3Ee4299mmXN8OYb/giphy.gif">
</body> </body>
</html> </html>