Scrolling up text

Written By Cristina Tioseco
/*VERTICAL MARQUEE********************/ 
.viewbox {
  background: none;
    height: 350px;
    width: 100% !important;
    overflow: hidden;
    position: relative;
}

ul.titles {
    margin: 0;
    padding: 0;
    list-style-type: none;
 	font-family: 'Lausanne-250';
    font-size: 12px;
    text-align: left;
    line-height: 1.1em;
    text-transform: uppercase;
}
.name_title {
  text-transform: none;
  text-decoration: underline .3px solid #000;
}
.name_description {
  font-family: 'IBM-Plex-Mono';
  font-size: 10px;
}

.text-animation {
    animation-name: vertical-marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 40s;
}

&:hover {
    animation-play-state: paused;
  }

@keyframes vertical-marquee {
    from {
        transform: translatey(0)
    }

    to {
        transform: translatey(-50%)
    }
}
Cristina Tioseco
Previous

Images Following Mouse
Next

Side by Side Index Pages 7.0