Has marquee been discontinued in HTML5? [duplicate]

6

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

How can I limit the beginning and the end, for example: When using the tag marquee , the transition of images or texts always leaves a huge space between the end and the beginning!     

asked by anonymous 28.02.2015 / 23:56

1 answer

5

According to W3 yes and it's been a while. The CSS marquee style should be used instead.

Some demos:

.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><pclass="microsoft marquee">
    <span><a href = "http://pt.stackoverflow.com/q/52508/6454" >O marquee foi descontinuado no HTML5?</a> ~ Stack Overflow</span>
</p>
    
01.03.2015 / 00:03