One idea, possibilities Scroll down to discover different ways to do it <span id="x"></span> span { display: block; width: 30px; height: 30px; cursor: pointer; border-radius: 0px; margin: 15% auto; -webkit-transition: all .3s ease, -webkit-transform .2s ease; transition: all .3s ease, transform .2s ease; background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #2E313C 20%, #2E313C