More than 3 years have passed since last update.

css animationでいい感じに重力を再現する

Last updated at 2020-09-08Posted at 2020-09-08

// PC
.pop-float-button{
    animation: pop-animation 1.4s;
    animation-delay: 1s;
    animation-timing-function: ease-in;
}
@keyframes pop-animation {
    0%,100% {bottom: 100px;}
    30% {bottom: 115px; }
    50% {bottom: 100px; }
    80% {bottom: 108px; }
}

// SP
.float-button-sp{
    animation: pop-animation-sp 1.4s;
}
@keyframes pop-animation-sp {
    0%,100% {bottom: 30px;}
    30% {bottom: 40px; }
    50% {bottom: 30px; }
    78% {bottom: 35px; }
}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up