Waiting Answer November 07, 2024

Smooth Hover Transition Effect On A Css Gradient Background

.container-slider {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
   z-index: 1;
   border-radius: 20px;
   transition: background 0.5s ease;
}

.container-slider:hover {
   background: none;
}
 

Answers