Breaking News: Grepper is joining You.com. Read the official announcement!

blob

vip_codes answered on April 22, 2022 Popularity 9/10 Helpfulness 1/10

answer blob

blob

Comment

-1

/*   # HTML Code
  <span class="animeblob"> <span> */

.animeblob{
    position: absolute;
    top: 55%;
    left: 40%;
    height: 50vw;
    width: 50vw;
    transform: translate(-50%, -50%);
    background-color: grey;
    animation: animate_blob 6s linear infinite;
}  
@keyframes animate_blob {
    0%, 100%{
        border-radius: 40% 55% 70% 35% / 70% 30% 90% 40%;
    }
    25%{
        border-radius: 25% 35% 90% 55% / 90% 50% 70% 30%;
    }
    50%{
        border-radius: 25% 75% 60% 75% / 60% 70% 30% 80%;
    }
    25%{
        border-radius: 25% 65% 60% 65% / 50% 60% 60% 10%;
    }
}

Popularity 9/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: blob css svg

Link to this answer
Share Copy Link

Contributed on Apr 22 2022

vip_codes

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

blob

Contents

More Related Answers

blob

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.