JSFiddle - React, Tailwind, and code Playground

by Ankit Patidar

HTML

<img style="width:48px;vertical-align:middle;" class="objblink" id="imgnow" src="http://www.xaluan.com/images/weathericon/48px/01.png" alt="Fair">

CSS

body { background: #fff; }

@-webkit-keyframes 'blink' {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.objblink {
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;   
}