mk-73

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

2 پست در این موضوع قرار دارد

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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


position: relative;

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


position: absolute;

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


opacity:0

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

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


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

ویرایش شده در توسط shayan
1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری