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

وبمستر

توسط souda در 4 سال پیش
0 65.1k 8 4 سال پیش
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میفرستم اینجوری کار احت تره:)

خوش آمدید

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

لطفا ابتدا لاگین کنید