$0.07

Issue with marquee using widget using HTML

Ask a question+
0

I have added my HTML code here. but after i save the source code is getting changed a below.

<!DOCTYPE html>
<html>
  <head>
    <title>This is a test</title>
    <style>
      div {
        background-color: #1c87c9;
        color: #fff;
        padding: 5px;
      }
      p {
        -moz-animation: marquee 10s linear infinite;
        -webkit-animation: marquee 10s linear infinite;
        animation: marquee 10s linear infinite;
      }
      @-moz-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
      @-webkit-keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
      @keyframes marquee {
        0% {
          -moz-transform: translateX(100%);
          -webkit-transform: translateX(100%);
          transform: translateX(100%)
        }
        100% {
          -moz-transform: translateX(-100%);
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
        }
      }
    </style>
  </head>
  <body>
    <div>
      <p>This is the scroll text</p>
    </div>
  </body>
</html>
****************************************
this is how it become after save inside widget
<p> </p>
<div>
<p>This is a horizontally scrolling text without a marquee tag.</p>
</div>
add comment

1 Answer

0

There some solutions for it. Please have a look at https://www.w3docs.com/learn-html/html-marquee-tag.html

add comment

Your Answer