button scroll-top with box-shadow effect

<a class="scroll-top js-scroll-show" href="#">></a> .scroll-top{ position: fixed; right: 10px; bottom: -100%; width: 60px; height: 60px; text-align: center; line-height: 56px; border-radius: 50%; background-color: #669; color: #fff; box-shadow: 0 0 0 15px transparent; z-index: 1000; opacity: 0.8; transition: all 0.4s ease-in-out; &:hover { outline: none; background-color: #66e; box-shadow: 0 0 0 0 #66e; } &.js-scroll, &:hover, &.js-scroll-show { opacity: 1; } &.js-scroll-show{ bottom: 25px; } }
button scroll-top with box-shadow effect

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.