Pause the animations on the hover
This commit is contained in:
parent
a0c7cc2780
commit
f7353f3d97
12
index.html
12
index.html
@ -62,14 +62,26 @@
|
|||||||
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;
|
||||||
|
Loading…
Reference in New Issue
Block a user