ایجاد سایه در پس زمینه محصول

SadeghSlh

تازه وارد
دوستان کد ایجاد سایه پس زمینه برای محصولات رو کسی میدونه ؟ مثل عکس که وقتی موس میره روو محصول پشتش سایه ایجاد میشه

You must be registered for see images attach


 

جاویدان

کاربر عضو
با سلام دوست عزیز

این یک کد css هستش که می شود : CSS Shadow که مرتبط با مکان مشخص اضافه می شود.

جهت مطالعه بیشتر این بخش به این آدرس مراجعه کنید



موفق باشید

 

SadeghSlh

تازه وارد
@جاویدان ممنون از پاسختون ولی متاسفانه من از کدنویسی زیاد سر در نمیارم ، سایه رو روو قسمت دلخواه میتونم ایجاد کنم ولی اینکه موقعی که نشانگر موس میره روو جعبه و سایه ایجاد بشه و بعد از اینکه نشانگر میره کنار سایه هم محو بشه رو نمیدونم چجوری کار کنم ، اون قسمتی که گفتین رو هم گشتم ولی راهنمایی در این مورد پیدا نکردم

 

SadeghSlh

تازه وارد
همچین کدی میشه

کد:
element:hover {
    transition: box-shadow .2s cubic-bezier(0.4, 0, 1, 1),transform .2s cubic-bezier(0.4, 0, 1, 1);
    transition-property: box-shadow, transform;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1), cubic-bezier(0.4, 0, 1, 1);
    transition-delay: 0s, 0s;
    box-shadow: 0 0 20px #e0e0e0;
}
 
بالا