JSFiddle - React, Tailwind, and code Playground

by abdollahpor

HTML

<div class="kpn-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

.kpn-csc img {
    -moz-transition: all 1s ; /*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    -webkit-transition: all 1s;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    -o-transition: all 1s ;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    transition: all 1s;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    margin: 15px 0;/*فاصله بین رو تنظبم میکنه*/
    height: 5%;/*مقدار بزرگ شدن*/
    width: 5%;/*مقدار بزرگ شدن*/
}
.kpn-csc img:hover {
    height: 25%;/*مقدار بزرگ شدن*/
    width: 25%;/*مقدار بزرگ شدن*/
    -moz-transition: all 1s ;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    -webkit-transition: all 1s ;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    -o-transition: all 1s ;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
    transition: all 1s ;/*سرعت تغییر رو تنظیم میکنه بر حسب زمان*/
}