قالب:إعلانات/إعلان1/styles2.css

    .bncontainer {
      height: 60px;
      width: 100%;
      display: table;
      border: 1px solid gray;
    }

    .img-div {
      height: 100%;
      background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/cf/%D8%A5%D8%B9%D9%84%D8%A7%D9%86_%D8%B4%D8%B9%D8%A7%D8%B1_%D9%88%D9%8A%D9%83%D9%8A%D8%A8%D9%8A%D8%AF%D9%8A%D8%A7.png');
      background-size: 750px 60px;
      display: table-cell;
      background-repeat: repeat-x;
      background-position: right bottom;
      animation: scroll 10s infinite linear;
    }

    .msg-div {
      color: wheat;
      background: darkgreen;
      height: 100%;
      width: 18em;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      font-weight: bold;
      font-size:1.3em;
    }
    
    .msg-div a {
    	color: wheat;
    }
    
    @keyframes scroll {
      10% { background-position: right 0 bottom}
      20% { background-position: right -150px bottom}
      30% { background-position: right -150px bottom}
      40% { background-position: right -300px bottom}
      50% { background-position: right -300px bottom}
      60% { background-position: right -450px bottom}
      70% { background-position: right -450px bottom}
      80% { background-position: right -600px bottom}
      90% { background-position: right -600px bottom}
      100% { background-position: right -750px bottom}
    }
    @media screen and (max-width: 719px) {
    .msg-div
    {
      width: 14em
    }
}