You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

71 lines
1.2 KiB

.scroll_to_top{
float: right;
border-radius: 50%;
background-color: #71639e;
color: white;
border: none;
padding: 5px;
font-size: 21px;
height: 50px;
width: 50px;
box-shadow: 0 2px 4px darkslategray;
cursor: pointer;
transition: all 0.2s ease;
}
.scroll_icon {
position: fixed;
bottom: 30px;
right: 20px;
z-index: 9999;
display: none;
}
.scroll_to_bottom{
float: right;
border-radius: 50%;
background-color: #71639e;
color: white;
border: none;
padding: 5px;
font-size: 21px;
height: 50px;
width: 50px;
box-shadow: 0 2px 4px darkslategray;
cursor: pointer;
transition: all 0.2s ease;
}
.scroll_icon_bottom {
position: fixed;
top: 30px;
right: 20px;
z-index: 9999;
display: none;
}
.scroll_to_bottom:hover, .scroll_to_top:hover {
box-shadow: 0 0 0 0.5rem rgba(25, 135, 84, 0.25);
}
@media (min-height: 30rem) {
.scroll_icon_bottom {
display: none;
}
}
@media (max-height: 35rem) {
.scroll_icon_bottom {
display: block;
}
}
@media (min-height: 30rem) {
.scroll_icon {
display: none;
}
}
@media (max-height: 35rem) {
.scroll_icon {
display: block;
}
}
@media (max-width:800px){
.scroll_icon_bottom, .scroll_icon{
display:none !important;
}