zoom on hover image css
آموزش ویندوز 11
html آموزش ویندوز 11
html
css .zoom { width: calc(25%); height: 250px; padding: 10px; background-color: white; box-shadow: 0 0 10px rgb(0 0 0 / 10%); border-radius: 10px; transition: transform .9s; margin: 0 auto; } .zoom img{ width: 100%; height: 180px; } .zoom p{ padding: 15px; } .zoom:hover { -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari 3-8 */ transform: scale(1.2); }
css
js