JSFiddle - React, Tailwind, and code Playground

by Annemarie Köhler

HTML

<img class="fadeId" src="http://res.cloudinary.com/immuta/image/upload/fl_sanitize/v1528197695/CornelsenLogo.svg" width="180">

CSS

body {
  background: #292929;
}

img {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}