JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<div class="tips">error:</div>
        <div id="test1" class="test test1"></div>
        <div>
          <input type="button" id="animate1" value="animate1"/>
        </div>
        <div class="tips">success:</div>
        <div id="test2" class="test"
style="filter:alpha(opacity=10);moz-opacity: 0.1;opacity:0.1;"></div>
        <div>
          <input type="button" id="animate2" value="animate2"/>
        </div>

CSS

.test{width:100px;height:100px;top:0px;left:0px;background-color:#000000;}
          .test1{filter:alpha(opacity=10);moz-opacity: 0.1;opacity:0.1;}
          .tips{font-weight:bold;font-size:14px;color:#ff0084;margin-top:20px}

JavaScript

// #5177

$('#animate1').click(function(){
    $('#test1').animate({opacity:0.2});
});
$('#animate2').click(function(){
    $('#test2').animate({opacity:0.2});
});