سلام دوستان. من یک المان توی صفحه وبم دارم که میخوام وقتی روش hover شد یک پس زمینه gradient روش اعمال بشه ولی هرکار میکنم اعمال نمیشه.اگر میشه لطفا راهنماییم کنید.ممنون.
کد CSS من:
.FeatureRow a{ padding: 10px; display: block; width: 260px; height: auto; border-radius: 5px; box-shadow: 0px 4px 8px #f5f5f5; background-image: linear-gradient(to bottom,#fbfbfb,#ffffff); background-repeat: repeat-x; transition: all 300ms ease-in-out; } .FeatureRow a:hover{ background-image: linear-gradient(to bottom,#C00,#C0F); }
سلام خدمت شما دوست عزیز!
اگه شما بیای و از gradients برای پس زمینه یک عنصر استفاده کنی اونوقت دیگه نمیتونی از طریق transition اون رو تغییر بدی و برای این کار میتونی از opacity استفاد کنی و اون رو شبیه سازی کنی. میتونی کدت رو به صورت زیر اصلاح کنی.
میتونی اینجا هم پیشنمایشش رو ببینی