Animation Not Working

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
BazzaBoy
 
 
Posts: 37
Joined: Thu Jul 01, 2021 2:40 am

Animation Not Working

Post 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.
User avatar
Pablo
 
Posts: 23290
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Animation Not Working

Post 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
BazzaBoy
 
 
Posts: 37
Joined: Thu Jul 01, 2021 2:40 am

Re: Animation Not Working

Post 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.
Post Reply