<div class="wrapper">
   <marquee behavior="scroll" bgcolor="#ddd" scrollamount="6px" vspace="5px">marquee要素のアニメーション  </marquee>
   <marquee behavior="scroll" bgcolor="#ccc" direction="right" scrollamount="12px" vspace="5px">marquee要素のアニメーション</marquee>
   <marquee behavior="alternate" bgcolor="#eee" scrollamount="18px" vspace="5px">marquee要素のアニメーション</marquee>
</div>
marquee{
  color: #222;
  font-size: 20px;
  font-weight: bold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.