diff --git a/src/index.css b/src/index.css index e4521da..ac97821 100644 --- a/src/index.css +++ b/src/index.css @@ -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 {