JSFiddle - React, Tailwind, and code Playground

by abdollahpor

HTML

<div class="kpnu-csc" align="center">
<img src="http://kpnu-csc.ir/css/1.png" /><br />
<img src="http://kpnu-csc.ir/css/1.png" /><br />
<img src="http://kpnu-csc.ir/css/1.png" /><br />
</div>

CSS

.kpnu-csc img {
    margin: 25px;
    border: 1px dashed black;
    transition: all 0.5s ;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s ;
    -o-transition: all 0.5s ;
}
 
.kpnu-csc img:hover {
        transition: all 0.5s ;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s ;
    -o-transition: all 0.5s ;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-7deg);

}