CSS Animation Generator

@keyframes my-animation {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
    opacity: 0;
    background-color: #00ffcc;
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
    opacity: 1;
    background-color: #00ffcc;
  }
}

.animated-element {
  animation: my-animation 0.6s ease 0s 1 normal both;
}