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

[mk-73 165]

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

[shayan 116]

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

position: relative;

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

position: absolute;

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

opacity:0

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

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

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

ویرایش شده مرداد 94 توسط shayan