رفتن به مطلب

در صورت Hoverیک Box2حالت برای ان رخ دهد


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

سلام خدمت دوستان گرامی من یک Boxدارم که میخوام در حالت Hoverشدن ان یک بگراند با opacityخیلی کمی با حاوی یک عکس ایجاد شود.ممنون میشم کمکم .مانند عکسی که در فتوشاپ طراحی کردم میخوام بشود.

post-10942-0-03877000-1438629194_thumb.p

لینک به ارسال

ابتدا به box اصلی


position: relative;

بدید و بعد یک div در درون div اول قرار دهید که محتوای اون شکل وسط رو شامل میشه و مقدار


position: absolute;

را بهش نسبت دهید و میتونید با top,bottom,left,right بهش استایل بدید و بعد با دستور


opacity:0

در حالت عادی پنهانش کنید

در مرحله پایانی بدین شکل بهش هاور بدید


.class1:hover .class2{opacity:1;}

ویرایش شده توسط shayan
لینک به ارسال

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

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

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

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

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

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

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

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

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