JSFiddle - React, Tailwind, and code Playground
HTML
<div>CSS3 (click)</div>
<div>jQuery (click)</div>
CSS
div{ left: 400px; position: relative; background-color:red; color: white; width: 100px; margin: 10px; }
/* CSS3 */
div:nth-of-type(1){
-moz-transition: all 2s linear;
-webkit-transition: all 2s linear;
-ms-transition: all 2s linear;
transition: all 2s linear;
}
JavaScript
$(document).ready(function(){
$('div').click(function(){
$('div:first').css({ left: 0 });
$('div:last').animate({ left: 0 }, 2000);
});
});