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

[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;
}