Skip to content

Instantly share code, notes, and snippets.

@carmoreira
Created July 16, 2024 14:20
Show Gist options
  • Save carmoreira/1437f704f53cd97519e23c4d068f02f6 to your computer and use it in GitHub Desktop.
Save carmoreira/1437f704f53cd97519e23c4d068f02f6 to your computer and use it in GitHub Desktop.
Gradient on the sides of the logos showcase carousel
.lshowcase-logos .bx-wrapper .bx-viewport::before,
.lshowcase-logos .bx-wrapper .bx-viewport::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 100px; /* Adjust the width as needed */
z-index:999;
}
.lshowcase-logos .bx-wrapper .bx-viewport::before {
left: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 1), transparent);
}
.lshowcase-logos .bx-wrapper .bx-viewport::after {
right: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 1), transparent);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment