TwitchChatScrollingMessageTemplate/template.css

.slideInText{
    left:0px;
    position:relative;
    opacity:1;
    font-size:0px;
    overflow:auto;
    -webkit-animation-duration:15s;
    -webkit-animation-name:slidein;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-duration:15s;
    animation-name:slidein;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    text-shadow: #FFF 0px 0px 3px,#FFF 0px 0px 5px,#FFF 0px 0px 5px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 15px;
    -webkit-text-shadow: #FFF 0px 0px 3px,#FFF 0px 0px 5px,#FFF 0px 0px 5px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 10px,#FF2D95 0px 0px 15px;
}



@keyframes slidein{
    0%{
        left:800px;
        font-size:16px;
    }
    5%{
        left:0px;
    }
    75%{
        opacity:1;
        font-size:16px;
        min-height:auto;
    }
    100%{
        opacity:0;
        font-size:0px;
        min-height:0px;
    }
}

@-webkit-keyframes slidein{
    0%{
        left:800px;
        font-size:16px;
    }
    5%{
        left:0px;
    }
    75%{
        opacity:1;
        font-size:16px;
        min-height:auto;
    }
    100%{
        opacity:0;
        font-size:0px;
        min-height:0px;
    }
}

body{
    background-color: rgba(0,0,0,0)!important;
}