JSFiddle - React, Tailwind, and code Playground
CSS
div {
border: 1px solid black;
}
JavaScript
$("div")
.css({
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
borderBottomLeftRadius: 10,
borderBottomRightRadius: 10,
WebkitBorderTopLeftRadius: 10,
WebkitBorderTopRightRadius: 10,
WebkitBorderBottomLeftRadius: 10,
WebkitBorderBottomRightRadius: 10,
MozBorderRadius: 10,
height:10,
width: 10
})
.animate({
borderTopLeftRadius: 100,
borderTopRightRadius: 100,
borderBottomLeftRadius: 100,
borderBottomRightRadius: 100,
WebkitBorderTopLeftRadius: 100,
WebkitBorderTopRightRadius: 100,
WebkitBorderBottomLeftRadius: 100,
WebkitBorderBottomRightRadius: 100,
MozBorderRadius: 100,
height: 100,
width: 100
}, 2000);