Tag: CSS-ANIMATIONS
Tengo este código que reemplaza el índice en el array cada 5 segundos para mostrar un texto diferente. const [articles, setArticles] = useState(0) const [imageBanner, setImageBanner] = useState([ { text: “blah blah” }, { text: “blah blah” }, {} ]) setInterval(() => { if (articles < 3) { setArticles(articles => . . . Read more
Quiero que las publicaciones se vean afectadas cuando se carga la página del sitio, por ejemplo, que aparezcan gradualmente, pero las publicaciones que se ven al cargar, el resto de las publicaciones están fijas y sin efectos, ¿alguien puede ayudarme en este caso? Utilicé CSS para este efecto. @keyframes fade-in . . . Read more
Estoy tratando de crear un menú de hamburguesas para dispositivos móviles. Seguí un tutorial y todo funcionó bien hasta llegar a la parte de JavaScript. Aquí está el código JavaScript: const navSlide = () => { const burger = document.querySelector(‘.burger’); const nav = document.querySelector(‘.nav-links’); const navLinks = document.querySelectorAll(‘.nav-links li’); burger.addEventListener(‘click’, . . . Read more
Lo que estoy intentando hacer es cambiar el tamaño del Panel utilizando CSS con efecto de transición. C# Intenté: Top_frame.Style.Add(“height”, “0”); (con la transición ya agregada al control en css) y: Top_frame.Attributes.Add(“style”, “transition: 1s; height: 0;”); y: Top_frame.Attributes.Add(“class”, “HiddenTop_frame”); (Agregando una nueva clase con el estilo preparado) .HiddenTop_frame { transition: . . . Read more
Encontré esta respuesta fascinante. ¿Cuál es la forma más eficiente de hacer algo similar en una única imagen simétrica, como en: imagen 1 o imagen 2? El objetivo final es permitir al usuario hacer zoom infinitamente utilizando algo como d3-zoom, pero a medida que se hace zoom, la misma imagen . . . Read more