<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.