JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<select class="form-contol" style="width:10px">
      <option value='0'> Select</option>
      <option value='1'> 1</option>
      <option value='2'> 2</option>
      <option value='3'> 3</option>
 </select>

<select class="form-contol">
      <option value='0'> Select</option>
      <option value='1'> 1</option>
      <option value='2'> 2</option>
      <option value='3'> 3</option>
 </select>
    <button type="button" class="calculate-btn">Claculate</button>
    <button type="reset">Reset</button>
</form>

CSS

.form-contol{
   background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 50%;
    margin-bottom:10px;
}
button{
    background-color:transparent;
    background-color: #5CB85C;
    color: #FFFFFF;
    padding:10px;
    border:1px solid #4CAE4C;
    cursor:pointer;
    margin-right:10px;
}
.form-contol:hover{
  
}

JavaScript

$(".form-contol").change(function(){
    setInterval(function () {
    $(".form-contol").fadeOut(100).fadeIn(100);
    },200);
});