Mqleet's picture
[update] templates
a3d3755
#back-to-top {
position: fixed;
bottom: 20px;
right: 30px;
z-index: 9999;
border: none;
outline: none;
background-color: rgba(0, 123, 255, 0.7);
color: white;
cursor: pointer;
padding: 15px;
border-radius: 50%;
font-size: 18px;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
}
#back-to-top:hover {
background-color: rgba(0, 86, 179, 0.9);
}
#back-to-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#back-to-top svg {
width: 24px;
height: 24px;
transition: transform 0.3s ease-in-out;
}
#back-to-top:hover svg {
transform: translateY(-3px);
}