رفتن به مطلب

افکت دار کردن تصاویر پست ها


XDiaries

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

سلام

من می خواستم وقتی موس میره روی تصویر , تصویر تغییر کنه مثلا تیره بشه خودم یک کد دارم ولی نمیدونم کجا بزارم که فقط روی تصاویر پست ها عمل کنه فابل style.css و کد افکت رو گذاشتم واسه دانلود هرکی میتونه واسم درست کنه ممنون .

css.rar

لینک به ارسال

اینو در فایل استایل تست کنید (ctrl + f5)


.imgnews img {transition-property: border, border-radius;transition-duration: 1s;-moz-transition-property: border, -moz-border-radius;-moz-transition-duration: 1s;-webkit-transition-property: border, -webkit-border-radius;-webkit-transition-duration: 1s;-o-transition-property: border, -o-border-radius;-o-transition-duration: 1s;-ms-transition-property: border, -ms-border-radius;-ms-transition-duration: 1s;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;border: 5px solid #d4d4d4;}
.imgnews img:hover {border: 5px solid #888}

لینک به ارسال

اگر هر پست یک عکس برای افکت داره و اون عکس اولین عکسه کد را به این شکل تغییر دهید والا منتظر باشید جناب پارسا که آدرستون رو دارند کلاس ها چک کنند


.imgnews img:first-child {transition-property: border, border-radius;transition-duration: 1s;-moz-transition-property: border, -moz-border-radius;-moz-transition-duration: 1s;-webkit-transition-property: border, -webkit-border-radius;-webkit-transition-duration: 1s;-o-transition-property: border, -o-border-radius;-o-transition-duration: 1s;-ms-transition-property: border, -ms-border-radius;-ms-transition-duration: 1s;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;border: 5px solid #d4d4d4;}
.imgnews img:first-child:hover {border: 5px solid #888}

لینک به ارسال

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

چون پیغام خصوصی یعنی اینکه ممکنه دیرتر به جوابتون برسید

لینک به ارسال

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

چون پیغام خصوصی یعنی اینکه ممکنه دیرتر به جوابتون برسید

اکثر دوستان مدیر مشکلات انجمن رو در تاپیک ها پاسخ میدن و در پیام خصوصی کمتر جواب میدن

لینک به ارسال

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

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

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

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

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

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

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

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

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