JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

Das hier ist ein <a href="https://www.spiegel.de" target="_blank">Link</a>.

<div>

</div>

<img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Urbanherovantbarreeltje.JPG">

CSS

button {color: red}

div {
  width: 100px;
  height: 100px;
  background: red;
  -webkit-animation: example 4s infinite;
  animation: example 4s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0% {background-color: red;}
    50% {background-color: green;width: 200px;}
  100% {background-color: yellow;}
}

/* Standard syntax */
@keyframes example {
  0% {background-color: red;}
    50% {background-color: green;width: 200px;}
  100% {background-color: yellow;}
}

img {
  width: 200px;
  height: 200px;
  border: dashed 5px blue;
}