رفتن به مطلب

پست های پیشنهاد شده

سلام

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

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

.

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

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>

لینک به ارسال

سلام

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

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

لینک به ارسال

سلام

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

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

.

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

آدرس:

ویرایش شده توسط rko-randy
لینک به ارسال

سلام

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

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


.post-body img{}

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

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

لینک به ارسال

سلام

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

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


.post-body img{}

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

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

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

لینک به ارسال

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


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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

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

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...