Page 1 of 1

Animation Not Working

Posted: Sat Jul 16, 2022 1:45 am
by BazzaBoy
I have set an animation for h1 in the Style Manager. I have asked it to slide in from the right with an iteration of 1.

But when I preview the page, all it does is flash once. The set animation does not work.

I have tried to set the animation outside of the Style Manager too (for this object only), but that too does not work as programmed.

In the previous versions, it worked OK.

The wbs file can be found at: https://digitalhandymanservices.com.au/ ... rvices.wbs

Any help appreciated. Thanks in advance.

Re: Animation Not Working

Posted: Sat Jul 16, 2022 6:39 am
by Pablo
The problem is that you have used a 'heading' style on a heading object. Heading styles are suppose to be used for inline text only.
As described here (Using styles on Text)
https://wysiwygwebbuilder.com/style_manager.html

If you want to use a style for the heading object (which is a block element), then you will need to create a normal style. Not a heading style, because the heading object is already a heading element by itself.

Note that this behavior has not changed since previous version. This is just how HTML works.

See also "transformable element" in the HTML specs:
https://drafts.csswg.org/css-transforms-1/#terminology

Re: Animation Not Working

Posted: Sat Jul 16, 2022 8:14 am
by BazzaBoy
Thanks Pablo,

Yes, you are right. In the previous version, I had only formatted the text as h1 with no background or decoration. I did not know that that was the criterion.

I used to keep abreast of my HTML knowledge, but since I discovered Wysiwyg Web Builder, I have been slacking off. that is my excuse. 😁😁

Have a nice weekend.