Xila of Dev biznet
9/26/2019 - 1:32 PM

Focus animation

$("label").focusin(function() { 
      $(this).css({"font-size": "12px", "color": "rgb(245,160,7)"}); 
}); 
$("label").focusout(function() { 
      $(this).css({"font-size": "15px", "color": "rgb(68,68,68)"}); 
  }); 
label {
    transition: all 0.2s ease-in-out;
}

input {
   font-size: 15px;
}

input:focus, textarea:focus {
    border-bottom: 1px solid rgb(245,160,7);
    outline: none;
}