v1.0.0-beta/add button animation

This commit is contained in:
Ayushya Amitabh
2020-04-23 10:13:37 -04:00
parent 368d95e875
commit 97140df571
+15
View File
@@ -118,6 +118,18 @@ body.amazon-prime textarea:focus {
color: white;
background-color: black;
}
@keyframes showbutton {
0% {
right: 1rem;
}
50% {
transform: scale(5) translateX(-100%) translateY(-100%);
}
100% {
right: -1rem;
transform: scale(1);
}
}
.watch-party-fab {
z-index: 9999;
position: fixed !important;
@@ -130,6 +142,9 @@ body.amazon-prime textarea:focus {
background-position: center;
background-repeat: no-repeat;
background-size: 2rem;
animation-name: showbutton;
animation-iteration-count: 1;
animation-duration: 2s;
transition: all ease-in-out 0.3s !important;
}
.watch-party-fab:hover {