Back To Top Button

by | Mar 27, 2019 | Misc | 0 comments

How To Customize the Back To Top Button

/*----------Custom Back To Top Button----------*/
 
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 15px;
    border-radius: 25px;
    background: rgba(25, 72, 103, 0.48);
    padding: 10px;
}
 
 
.et_pb_scroll_top.et-pb-icon:hover {
    background: #60c0ff;
}
 
.et_pb_scroll_top:before {
    content: "\21";
}

Submit a Comment

Your email address will not be published. Required fields are marked *