تاثیر بزرگ شدن عکس روی عکسهای کناری ؟!

686868

Member
سلام دوستان .. مشکلی که داشتم اینه که دو تا عکس (یا بیشتر ) کنار هم دارم . و در حالت hover تصاویر بزرگ میشوند اما متاسفانه عکسی که بزرگ میشه روی عکس کناریش هم تاثیر میذاره و اون میره کنار ..؟ روی عکس کناری هم که میرم اون که دیگه اصلا بزرگ نمیشه ؟؟ فایلش رو گذاشتم .. خواهشا یه نگاه بندازین ، خودتون متوجه میشین !! میخوام عکسی که بزرگ میشه .. عکس کناریش سر جاش بمونه و عکسهای دیگه هم به همین شکل ! در ضمن این عکسها باید توی یک دایو محصور باشند . متشکر از پاسخی که میدین
 

پیوست ها

  • test.zip
    18.4 کیلوبایت · بازدیدها: 11

vahidd.com

Member
میتونی به جای اینکه عرض و ارتفاع تصویر رو زیادی کنی، Scale اونو زیاد کنی، مثلا برای حالت هاور تصویر از کد زیر استفاده کن:
[PHPS].h img:hover{

-moz-transform: scale(1.4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.4) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

border:solid 3px #996633;

}[/PHPS]
حالا برای تغییر میزان بزرگ شدن تصویر باید تمام scale(1.4) ها رو تغییر بدی.
 

جدیدترین ارسال ها

بالا