Shotcut apparently doesn’t handle CSS animation. Are there any plans to do so?
For example the following HTML/CSS code causes the phrase “SPINNING TEXT” to spin around the centre of the page, when viewed in a browser. but the text is static when the HTML is input as an “Overlay HTML” filter in Shotcut.
Implementing CSS Animations would be a relatively easy way for users to create animated objects and text on their movies.
Shotcut supports CSS animation, but it may not support all the latest CSS3 features. In order to control the animation with time, you need to use a polyfill, in conjunction with WebVfx. However, you need to embed the polyfill instead of refer to it by URL because most publicly hosted copies of that are via https, which Shotcut does not yet support. You will also need to take care of the duration of the animation for the clip. I do not know why your attempt did not work. It is tricky, and I do not debug people’s scripts for them. Here is an example for 60 seconds scrolling credits: web-animations.min.js.zip (15.0 KB)
Thank you both for pointing me in these directions. I will have a look at the resources you have provided and do a bit of experimenting. I’ll let the forum know how I get on if I manage to produce something useful.
I also tried following the procedure (copy code, backup under Html, black color on video track, filter, tick option, load the HTLM file) and nothing happens; worst ShotCut plant!
Help and thank you in advance with a hello from France.