JSFiddle - React, Tailwind, and code Playground
CSS
div{
border: 1px solid black;
width:100px; height: 100px;
}
.girar{
transform:rotate(10deg);
}
.girarquasetudo{
transform:rotate(350deg);
}
JavaScript
// com callback
function exec(target, callback){
setTimeout(function(){
var div = document.createElement("div");
target.appendChild(div);
callback? callback(div) :null;
},1000);
};
exec(document.body, function(div){
div.className = 'girar';
});
//mesma coisa abaixo sem callback
function exec1(target, classe){
setTimeout(function(){
var div = document.createElement("div");
target.appendChild(div);
div.className = classe;
}, 2000);
};
exec1(document.body, "girarquasetudo");
// ex atrelando a event com listener