Button by ArturCodeCraft
#e8e8e8
1/* <reset-style> ============================ */ 2a { 3 text-decoration: none; 4} 5/* <main-style> ============================ */ 6.scroll-up { 7 /* position: fixed; */ 8 right: 3rem; 9 bottom: -50%; 10 z-index: 10; 11 width: 32px; 12 height: 32px; 13 border-radius: 4px; 14 background-color: rgba(29, 29, 31, 0.7); 15 backdrop-filter: saturate(180%) blur(20px); 16 -webkit-backdrop-filter: saturate(180%) blur(20px); 17 display: flex; 18 align-items: center; 19 justify-content: center; 20 overflow: hidden; 21 transition: bottom .4s, transform .4s; 22} 23 24.scroll-up:hover { 25 transform: translateY(-.25rem); 26} 27 28/* Show scroll-up */ 29._show-scroll { 30 bottom: 3rem; 31} 32 33@media (max-width: 1199.98px) { 34 .scroll-up { 35 right: 1rem; 36 } 37}
Β
786 views
786 views
MIT License