diff options
author | Lizzy Fleckenstein <eliasfleckenstein@web.de> | 2023-07-31 06:50:24 +0200 |
---|---|---|
committer | Lizzy Fleckenstein <eliasfleckenstein@web.de> | 2023-07-31 06:50:24 +0200 |
commit | c5cb61f8c69d9c58b93b79610af3e5e202c915af (patch) | |
tree | 4ba005ae7acb40e6490d26407399ca4fe6cd3c0e /index.html | |
parent | d726e4ecea5d5d6f5f301591c82f631be97d635f (diff) | |
download | aschaffenburg.fun-c5cb61f8c69d9c58b93b79610af3e5e202c915af.tar.xz |
improvements to scroll containers
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 31 |
1 files changed, 27 insertions, 4 deletions
@@ -39,10 +39,6 @@ bottom: 0px; } - *::-webkit-scrollbar-thumb { - visibility: visible; - } - .action { width: 4em; height: 4em; @@ -62,6 +58,33 @@ brightness(97%) contrast(90%); } + .fading-edge:after { + content: ""; + position: absolute; + z-index: 1; + bottom: calc(10px + 2em - 1px); + left: 0; + pointer-events: none; + background-image: linear-gradient(to bottom, #e4edd700, #e4edd7ff); + width: calc(100% - 7px); + height: 10em; + } + + * { + scrollbar-color: #71a429 #00000000; + } + + ::-webkit-scrollbar { + -webkit-appearance: none; + width: 7px; + } + + ::-webkit-scrollbar-thumb { + border-radius: 5px; + background-color: #71a429; + transform: translateZ(1); + } + @keyframes blink { 0% { opacity: 100%; |