آیا میدانید 99 درصد ایردارپ های غیر رایگان جعلی و کلاهبرداری هستند! پس لطفا گول نخورید. پولدار شدن یک شبه خیالی خام و رویایی بیش نیست و میسر نمیشود به این جمله ایمان بیاورید.

کد CSS زوم تصاویر با حرکت موس [لینک]

کد CSS زوم تصاویر با بردن موس روی آنها

با استفاده از این کد هنگامی که موس را روی تصاویر قرا می دهید تصاویر بزرگ می شوند و هنگانی که موس را از روی انها برمی دارید دوباره به حالت اولیه باز خواهد گشت.

پیشنمایش را اینجا ببینید.

پس از کپی کدهای css زیر را در بخش head قالب خود ( بین تگ <head></head> ) جایگذاری کنید.

img{
 border-radius: 10px;
 -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size);
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 -moz-transform:scale(1.1):( Mozilla scale version);
 -moz-transform:scale(0.9):(Explorer scale version);
 }

img:out{
 border-radius: 10px;
 -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);
 padding:0px;
 float:center;
 -moz-transform:scale(0.9):(Mozilla scale version);
 -moz-transform:scale(0.9):(Explorer scale version);
 }

img{
 -webkit-transform:scale(0.8);
 -moz-transform:scale(0.8);
 -o-transform:scale(0.8);
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 margin: 0 0px 0px 0;
 }

img:hover{
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
 box-shadow:0px 0px 3px gray;
 -webkit-box-shadow:0px 0px 30px gray;
 -moz-box-shadow:0px 0px 30px gray;
 }

مطالب مرتبط ؛

  • به کانال ارز دیجیتال رایگان بپیوندید کانال ارز دیجیتال

    دیدگاهتان را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد.

    بدون دیدگاه
    وبلاگ
    © 2021 - کلیه حقوق برای دیجیتال 98 محفوظ است