HTML JELLY ANIMATION CODE!

Just copy this here:

@keyframes jelly {

 0% {

  transform: scale3d(1, 1, 1);

 }

 30% {

  transform: scale3d(1.2, 0.95, 1);

 }

 40% {

  transform: scale3d(0.9, 1.2, 1);

 }

 50% {

  transform: scale3d(1.2, 0.85, 1);

 }

 65% {

  transform: scale3d(0.95, 1.05, 1);

 }

 75% {

  transform: scale3d(1.05, 0.95, 1);

 }

 100% {

  transform: scale3d(1, 1, 1);

 }

}

Paste it on the very bottom of ur page code right above the </style> (remember to press enter to space it one line above). This is the code that initiates the animation, now u just gotta know where u wanna apply it!

To apply it, make a new line within the code of the part u wanna animate and paste this:

animation: jelly 5s ease-in-out infinite;

Remember to space it a lil so it's aligned with the rest of the things code!

E.G: for my friend's pfps to be animated, I insert my code as such:

    .profile .friends .person img {

        border-radius: 500px;

        animation:jelly 5s ease-in-out infinite;

    }

Have fun! I figured this out when I read a tutorial on how to make a splash screen!