Has Marquee been discontinued in HTML5?

Asked

Viewed 3,635 times

7

If yes, what the tag that I can use to enjoy its functions?

How can I limit the beginning and its end, for example: When using the tag Marquee, in the transition of images or texts there is always a huge space between the end and the beginning!

1 answer

6

According to the W3 yes and it’s been a while. CSS Marquee style should be used in your place.

Some demonstrations:

.marquee {
    width: 500px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px orange dashed;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}
.marquee span:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.microsoft {
    padding-left: 1.5em;
    position: relative;
    font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity {
    color: pink;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica;
}

.vanity a, .microsoft a {
    color: blue;
    transition: color .5s;
    text-decoration: none;
}
<script src="http://leaverou.github.com/prefixfree/prefixfree.js"></script>
<p class="microsoft marquee">
    <span><a href = "/q/52508/6454" >O marquee foi descontinuado no HTML5?</a> ~ Stack Overflow</span>
</p>

  • Of the link: Development of the Marquee Features of CSS has been abandoned.

  • @bfavaretto Really. The site html-5.com must be a little outdated. He went abandoned in 2014, and for now there are no alternatives according to what I read, so it is still a usable alternative. There is even a discussion about this here.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.