CringeStudios/cringe-studios.com
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pause the animations on the hover

Browse Source
This commit is contained in:
The Arrayser 2023-01-06 18:04:06 +01:00 committed by GitHub
parent a0c7cc2780
commit f7353f3d97
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -61,15 +61,27 @@
.leftRight { .leftRight {
animation: left2Right 20s infinite linear; animation: left2Right 20s infinite linear;
} }
.leftRight:hover {
animatation-play-state:paused;
}
.rightLeft { .rightLeft {
animation: right2Left 20s infinite linear; animation: right2Left 20s infinite linear;
} }
.rightLeft:hover {
animatation-play-state:paused;
}
.upDown { .upDown {
animation: updown 3s infinite ease; animation: updown 3s infinite ease;
} }
.upDown:hover {
animatation-play-state:paused;
}
.video { .video {
/*animation: rickRoll 1s infinite ease;*/ /*animation: rickRoll 1s infinite ease;*/
animation: amogus 10s infinite linear; animation: amogus 10s infinite linear;