es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: CSS-ANIMATIONS

Cómo hacer una animación de opacidad al reemplazar texto

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

Keyframes de fade-in en CSS

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

Configuración de estilo de animación con javascript no funciona.

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

Cómo agregar una animación al cambiar el tamaño de un control.

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

JavaScript/CSS Zoom Infinito en una Imagen Simétrica

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