بزرگ نمایی عکس درحالت hover

وبمستر

توسط souda در 5 سال پیش
0 65.2k 8 5 سال پیش
souda c0der
0

چه جوری میتونم رو عکس حالت زوم به وجود بیارم?میخوام وقتی روعکس hoverمیشه عکس بیاد جلو انگار که سایز عکس بزرگ میشه؟

0

سلام. باد transform در css میشه:

img{
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    margin: 20px;
}
img:hover{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

http://jsfiddle.net/vzv2t44a/

0

وپارامترهاشscale چیه؟من فقط میخوام با transitionباشه ؟

آخرین ویرایش: 11-07-2015 ساعت 20:46، توسط souda
1

بدون scale که نمیشه transition زمان تبدیل از حالت اول به حالت دوم رو مشخص میکنه.

0

اهان پس نمیشه؟راهی نیست که نزدیک به این افکت باشه وبشه باtransitionانجام داد؟

0

میتونم ایمیلتون رو داشته باشم؟

0

من مشغول طراحی یه قالب هستم اما خب یه جاهائیش به مشکل برخوردم امکان داره به ایمیلتون بفرستم شما یه بررسی بکنید؟

0

سلام مجدد
خوب همینجا بگید اگر نمیخواین قالب رو بذارید پیام خصوصی بدید.

0

درود
اخه من خیلی وارد نیستم به این محیط.اگه ایمیلتون باشه فایل روzipمیفرستم اینجوری کار احت تره:)

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.