افکت دادن به عکس پست ها

[Mohammad_E 63]

سلام

این تکه کدی که قرار دادم کارش اینه:

وقتی ماوس رو روی تصاویر سایت میبریم کج و تا حدودی روشن میشه! در واقع یه نوع افکت به تصاویر میده!

.

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

1- من میخوام افکت فقط به تصویر پست ها داده بشه نه به همه تصاویر سایت (مثل تصاویر تبلیغاتی، هدر)

2- هنگام کج شدن ، تصویر کمی روشن میشه که کیفیت رو پایین میاره میخوام این اتفاق نیافته (روشن نشه!)

<style>
img:hover{ opacity:0.8;filter:alpha(opacity=80); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);  }</style>
<style>
img {
border: lightgray;
box-shadow: none;
opacity: 0.8;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
} img:hover {
border: gray;
box-shadow: gray 0px 0px 10px 5px ;
opacity: 1;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
</style>

[omid0098i 2536]

سلام

خب استایل مربوطه رو فقط به بخش مورد نظر که میخواید بدید (example : .post)

اگه بلد نیستید ادرس سایت رو ذکر کنید تا بهتون بگم کجا بذارید ...

[Mohammad_E 63]

سلام

خب استایل مربوطه رو فقط به بخش مورد نظر که میخواید بدید (example : .post)

اگه بلد نیستید ادرس سایت رو ذکر کنید تا بهتون بگم کجا بذارید ...

.

لطفا هر دو سوال رو پاسخ بدید

آدرس:

ویرایش شده تیر 92 توسط rko-randy

[نسـتـــرن 194]

سلام

باید ببینین کلاس مطالبتون چیه

اون وقت اینطوری میشه مثلا

.post-body img{}

یعنی به کلاسش ی img اضافه میکنین

ی دموی آنلاین بدید بهتر میتونم بگم

[Mohammad_E 63]

سلام

باید ببینین کلاس مطالبتون چیه

اون وقت اینطوری میشه مثلا

.post-body img{}

یعنی به کلاسش ی img اضافه میکنین

ی دموی آنلاین بدید بهتر میتونم بگم

اسم کلاس رو پیدا کردم، مشکل حل شد، فقط موقع کج شدن تصویرکمی روشن میشه! میشه این حالت رو حذف کرد؟

[نگار صادقی 1025]

اینو جایگزین کنید

img:hover {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}