JSFiddle - React, Tailwind, and code Playground

by melvinT

HTML

<!-- Internal style sheet -->

<html>
<head>

<style> 

/*************************************************/
.Angel03Pink img {
    position:absolute;
    left:0px;
    top:0;
    -webkit-animation-name: KEYFRAME_DIRECTIVE_whatItDoes;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    animation-name: KEYFRAME_DIRECTIVE_whatItDoes;
    animation-iteration-count: infinite;
    animation-duration: 3s;
        max-width:100%;
    max-height:100%;
       <!--animation-direction: alternate;   /* does not seem to like anything that comes after this*/-->  
    border-style:solid; 
    border-color: #ff0000 #0000ff;
}



@-webkit-keyframes KEYFRAME_DIRECTIVE_whatItDoes {
    from {opacity: 0;}
    33% {opacity:0}
    66% {opacity: 1;}
    99% {opacity: 0;}
    to {opacity: 0;}
}
@keyframes KEYFRAME_DIRECTIVE_whatItDoes {
    from {opacity: 0;}
    33% {opacity:0}
    66% {opacity: 1;}
    99% {opacity: 0;}
    to {opacity: 0;}
}

#f1 {

}
#f2 {
     -moz-animation-delay: -1s          ; /* Firefox */
    -webkit-animation-delay: -1s         ; /* Safari and Chrome */
    -o-animation-delay: -1s                ; /* Opera */
    animation-delay: -1s                 ;

}
#f3 {
     -moz-animation-delay: -2s          ; /* Firefox */
    -webkit-animation-delay: -2s         ; /* Safari and Chrome */
    -o-animation-delay: -2s                ; /* Opera */
    animation-delay: -2s                 ;
}

/*************************************************/

    .FloatUP  {
    animation-delay: 4s;
    background-repeat: no-repeat;
    height: 500px;
    width: 250px;
    background-position: 100% 100%;
    background-size: 100% 100%;
    -webkit-animation-name: FloatUpDirective; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 12s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: FloatUpDirective;
    animation-duration: 12s;
    animation-iteration-count: 1;...