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!
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!
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>