حالت خاصی بر روی تصاویر شاخص؟

[میحام (meHam) 161]

می خواستم کاری به تصاویر شاخص کنم که وقتی موس بر روی آنها رفت یک حالت خاصی بشوند مثل اینکه کج بشن ؟

من تصاویر شاخص را در صفحه اول به عنوان عکس پست ها هست .

[Omidn1996 157]

اگر قالبت هنوز همون قبلی هست این کد رو به استایل اضافه کن

.postBox .postBoxMid .postThumb img:hover{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);-webkit-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);-o-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);-ms-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);}

[میحام (meHam) 161]

سلام دادا مرسی ولی نشد

[imanfakhar 26231]

کد بالا همه چیش درسته فقط یک

position:relative

هم بهش اضافه کنید

[میحام (meHam) 161]

من کد زیر رو قبل از { کد بالا که امید گفت گداشتم ولی نشد ؟

;position:relative

[Morteza 34190]

الان کدی که کلا قرار دادید چی شده؟

[میحام (meHam) 161]

دو تا رو ادغام کردم دیه

[Morteza 34190]

میخوام در عمل کد و اون بخش رو بررسی کنم.

روی سایتتون قرار دادید؟ آدرس بدید.

[میحام (meHam) 161]

نه روی لوکال گذاشتم هنوز روی سایت نذاشتم

اینم در استایل قالب

.postBox .postBoxMid .postThumb img:hover{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);-webkit-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);-o-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);-ms-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);

position:relative;}

[Morteza 34190]

سلام کد درست هست تست کنید:

http://jsfiddle.net/Gn3tw/

[میحام (meHam) 161]

نفهمیدم آقا مرتضی

[سعید حسینی 2409]

آقا مرتضی عزیز با اجازه:

منظورشون اینه که برای تصاویرتون از استایل زیر در فایل style.css استفاده کنید.

عدد منفی= چرخش به چپ (خلاف حرکت ساعت)

rotate(-5deg)

عدد مثبت= چرخش به راست (در جهت عقربه های ساعت)

rotate(5deg)

.postBox .postBoxMid .postThumb img:hover{transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-moz-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);
transform:scale(1) rotate(-5deg) translate(0px, 0px) skew(0deg, 0deg);​

ویرایش شده شهریور 91 توسط سعید