.scroll-text-horizontal {
    /* animation properties */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);

    -moz-animation: horizontal-scroll 15s linear infinite;
    -webkit-animation: horizontal-scroll 15s linear infinite;
    animation: horizontal-scroll 15s linear infinite;

    text-overflow: ellipsis;
    white-space: nowrap;
}

/* for Firefox */
@-moz-keyframes horizontal-scroll {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes horizontal-scroll {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
}

@keyframes horizontal-scroll {
    from {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.scroll-text-vertical {
    /* animation properties */
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    -moz-animation: vertical-scroll 10s linear infinite;
    -webkit-animation: vertical-scroll 10s linear infinite;
    animation: vertical-scroll 10s linear infinite;
}

/* for Firefox */
@-moz-keyframes vertical-scroll {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(-100%); }
}

/* for Chrome */
@-webkit-keyframes vertical-scroll {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(-100%); }
}

@keyframes vertical-scroll {
    from {
        -moz-transform: translateY(400%);
        -webkit-transform: translateY(400%);
        transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.scroll-text-vertical.stop-on-hover:hover {
    animation-play-state: paused;
}