JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<span>какой-то текст</span>
    <div></div>

CSS

span, div{
    height:200px;
    width:200px;
    background:#ccc;
    -webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-duration: 1s;
    -ms-transition-property: all;
    -ms-transition-duration: 1s;

}

div{
    margin:50px;
}

span:hover, div:hover{
    -webkit-transform:translate(20px, 20px);
    -moz-transform:translate(20px, 20px);
    -ms-transform:translate(20px, 20px);
    -o-transform:translate(20px, 20px);
}