<!-- No HTML Tag needed because it is completely dynamic. -->
CSS
/*It is NOT necessary if you don't need our style.You can create your own style*/button#toTop{
font-size:1.6rem;
color:#fff;
cursor: pointer;
height:7rem;
width:7rem;
background-color:#f09;
background-image:linear-gradient(45deg,#3023AE0%,#f09100%);
border: none;
border-radius:50%50%47%53%/77%77%23%23%;
box-shadow:001rem0rgba(0,0,0,0.4);
transition: all .5s ease;
}
button#toTop:hover,button#toTop:focus{
border: none;
outline: none;
background-image:linear-gradient(45deg,#f090%,#3023AE100%);
box-shadow:001rem0rgba(0,0,0,.4);
}
JAVSCRIPT
// Lift-Kara-De JS . Download and attach it in your webpage.
<script src="lift-kara-de.js"></script>
// Call The fucntion
<script>
// LKD(HTML Tag, Inner Text, ID, VALUE)
LKD('button','TOP', 'id', 'toTop');
</script>