Animation Playground

In this example below you will see how to do a Animation Playground with some HTML / CSS and Javascript

This awesome code was written by pouliens, you can see more from this user in the personal repository.
You can find the original code on
Copyright pouliens ©
  • HTML
  • CSS
  • JavaScript
a.button(onclick="move()") Mega

/*Downloaded from */
    #square {
  width: 100px;
  height: 100px;
  background-color: red; 

.animator {
  position: relative;
  animation-name: example;
  animation-duration: 4s;

@keyframes example {
  from {
    background-color: red;
    left: 0px;    
  to {
    background-color: blue;
    left: 50px;

/*Downloaded from */
    function move() {