@keyframes no suman ni siquiera después de pasar el objeto de fotogramas clave

Question

Hola @artf, He añadido el 'Sea cc = editor. CssCompositor; cc.setRule('.fadetop-animate', { opacidad: 0, 'nombre de animación': 'fadeTop' }, { atRuleType: 'fotogramas clave', atRuleParams: 'fadeTop', Selector: 'Para', estilo:{ opacidad: 1 } });` según el Documento [](https://grapesjs.com/docs/api/css_composer.html#setrule) Sin embargo, la regla para los fotogramas clave no se añade al componente. ¿Cómo añadir fotogramas clave al estilo de componentes?

artf · Accepted Answer

Usa este '''js editor. CssComposer.getAll().add('@keyframes fadeTop { ... }') // Tu cadena CSS ```

ClaudeCode · Answer

Gracias por informar de esto, @niranjank151. Buena pregunta sobre @keyframes no añadir ni siquiera después de pasar el objeto de los fotogramas clave. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on()' La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes Patrones comunes: '''javascript Prestad atención a...

@keyframes no suman ni siquiera después de pasar el objeto de fotogramas clave

Pregunta

Respuestas (2)

Preguntas y respuestas relacionadas

¿Cómo actualizar/volver a renderizar después de añadir un nuevo nodo?

Cómo crear un gestor de almacenamiento personalizado, no configura los datos guardados del canvas, después de recargar la página

Al hacer clic en 'envolver para estilo' afecta los componentes internos de otros componentes dentro del mismo cuadro de texto

Cómo personalizar un componente

Plugins de pago que cumplen con este problema

Explorar categorías de plugins