Skip to content

Commit 397476f

Browse files
petrsvihlikclaude
andcommitted
Fade separator line at the bottom using mask-image
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 6c9e903 commit 397476f

1 file changed

Lines changed: 2 additions & 0 deletions

File tree

input/assets/scss/components/_sidebar.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,8 @@
7777
);
7878
background-size: 100% 300%;
7979
animation: sidebar-gradient 6s ease infinite;
80+
-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
81+
mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
8082
position: absolute;
8183
content: "";
8284
width: 1px;

0 commit comments

Comments
 (0)