Jump2top-Icon
CODE
×
HTML
<div class='jump2top'></div>
CSS
div.jump2top { background-image: url('../img/jump-to-top.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; cursor: pointer; opacity: 0.6; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; width: 90px; height: 90px; } div.jump2top:hover, div.jump2top:focus { opacity:1; } @media screen and (max-width: 1119px) { div.jump2top { width: 60px; height: 60px; } } @media screen and (max-width: 767px) { div.jump2top { background-image: url('../img/jump-to-top-small.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 40px; height: 40px; } }
JS
Jump2top-Icon
×