proud hound
/* hide serverbar /
[class=" guilds__"] {
position:absolute;
z-index: 68;
inset: 0; /* stretch to bottom of screen, remove if you want a finite sidebar (border-radius recommended) /
padding-inline: 3px; /space around sides, adjust to your liking/
padding-block-end: 3px; / same as padding-inlne */
/* sidebar background */
/* set up to give a "frosted glass" effect */
background-color: transparent;
backdrop-filter: blur(50px) saturate(400%);
/* exponential ease-out on position and opacity */
transition: transform 0.80s cubic-bezier(0.16, 1, 0.3, 1) 0.1s,
opacity 0.80s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}
[class*=" guilds__"]:not(:hover) {
--offscreen: -50px; /*amount needed to fully remove sidebar from view */
--hover-margin: 10px; /* margin on the side of screen that pops out sidebar */
transform: translateX(
calc(var(--offscreen) + var(--hover-margin))
);
opacity: 0; /* comment this out to preview the margin */
}