¿Por qué está en desuso y cuál es la mejor alternativa?

Ya tengo más tiempo con la etiqueta HTML .

Puedes encontrarlo en la especificación MDN :

Obsoleto Esta característica es obsoleta. Aunque todavía puede funcionar en algunos navegadores, se desaconseja su uso ya que se puede eliminar en cualquier momento. Intenta evitar usarlo.

o en W3C wiki :

No realmente. no lo uses

Busqué varios artículos y encontré alguna mención sobre el reemplazo relevante de CSS. Atributos de CSS como:

 marquee-play-count marquee-direction marquee-speed 

pero parece que no funcionan. Formaban parte de las especificaciones en el año 2008 , pero se excluyeron en el año 2014

Una forma, propuesta por W3 Consortium, es usar animaciones CSS3 , pero me parece mucho más complicado que el fácil de mantener.

También hay muchas alternativas de JS , con muchos códigos fuente que puede agregar a sus proyectos y agrandarlos.

Siempre leo cosas como: “nunca use marquesina“, “está obsoleto”. Y no entiendo por qué.

Entonces, ¿alguien puede explicarme por qué se desaprueba la carpa, por qué es tan “peligroso” usarla y cuál es la sustitución más fácil ?

Encontré un ejemplo , se ve bien. Cuando usa todos los prefijos necesarios para una buena compatibilidad con el navegador, tiene entre 20 y 25 líneas de CSS, con 2 valores codificados (inicio y fin de sangría), dependiendo de la longitud del texto. Esta solución no es tan flexible, y no se puede crear un efecto de abajo hacia arriba con esto.

No creo que deba mover el contenido, pero eso no responde a su pregunta … Eche un vistazo al CSS:

 .marquee { width: 450px; line-height: 50px; background-color: red; color: white; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .marquee p { display: inline-block; padding-left: 100%; animation: marquee 15s linear infinite; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } 

Aquí está el codepen .

Editar :

Aquí está el códepen de abajo hacia arriba.

No es TAN DIFÍCIL, solo tienes que definir la clase y la animación de bucle adjunta una vez en CSS y usarla después en cualquier lugar que necesites. Pero, como mucha gente dijo, es una práctica un poco molesta, y hay razones para que esta etiqueta se vuelva obsoleta.

Mira esto:

  

Scrolling text...

nunca formó parte de ninguna especificación de HTML y el vínculo al que se vincula es una especificación de CSS, por lo que es difícil desaprobar algo que nunca se incluyó. HTML es sobre la estructura de un documento, no su presentación. Por lo tanto, tener un elemento de auto-animación como parte de HTML no cumple con esos objectives. La animación está en CSS.

Como se dijo antes: la sustitución más fácil es la animación CSS

Para todos los críticos de la marquesina:

Es una herramienta muy útil para la IU, la estoy usando solo al pasar el mouse, para mostrar más información en un espacio limitado.

El ejemplo para el reproductor de mp3 es excelente, incluso mi autoradio usa el efecto para mostrar la canción actual.

Así que no hay nada de malo en eso, mi opinión …

Sé que esto fue respondido hace un par de años, pero encontré esto al inspeccionar esto . Cuando inspeccioné, encontré esto.

 @keyframes scroll { from { transform: translate(0,0) } to { transform: translate(-300px,0) } } .resultMarquee { animation: scroll 7s linear 0s infinite; position: absolute }