icons.less

.icon {
    height: 95px;
    &.web {
        width: 90px;
        background-position: 0px -2186px;
    }

    &:hover {
        animation: animatedBackground 0.8s steps(23, end) 1;

        &.web {
            @keyframes animatedBackground {
                0% {
                    background-position: 0px -1px
                }
                100% {
                    background-position: 0px -2186px;
                }
            }
        }
    }

    background-image: url(/img/icons.png);
    background-repeat: repeat-x;
}