Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
<div class='icon-scroll'><div/>
background: #3498db
position: absolute
left: 50%
width: 40px
height: 70px
margin-left: -20px
top: 50%
margin-top: -35px
box-shadow: inset 0 0 0 1px #fff
border-radius: 25px
content: ''
width: 8px
height: 8px
background: #fff
margin-left: -4px
top: 8px
border-radius: 4px
animation-duration: 1.5s
animation-iteration-count: infinite
animation-name: scroll
@keyframes scroll
opacity: 1
opacity: 0
transform: translateY(46px)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment