Making CSS3 Effects happen either "Again", or just once and stay

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Making CSS3 Effects happen either "Again", or just once and stay

Post by etcbbu »

Hi all. While I fixed the one issue about text "flying in", I've now got a question on the same website, using the same type of "Effects" (but this time, on an image) :

Please look at these two pages:

1) <EDIT>
2) <EDIT>
Essentially, I've got that big logo that is at the top-middle of these pages. On that image, I have the CSS3 effect "Transform Bounce In Down" applied on it.

Whats wrong is that I am noticing that sometimes when you scroll down on a page, and then scroll back up, the logo never shows up again. Sometimes when you scroll down some, bu then scroll back up, the logo *DOES* bounce back in again, which is awesome. I'd like it to do that every time. But here are the two settings I've got placed on the image:

<EDIT>

What am I doing wrong?

--etcbbu
Last edited by etcbbu on Tue Oct 19, 2021 3:16 pm, edited 1 time in total.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
crispy68
 
 
Posts: 2729
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by crispy68 »

It appears you have the animations applied to the logo itself. I have found this to be less effective and similar things have happened to me. I would suggest trying to add the triggers (events) to another object/layer or bookmark on the page to trigger when it shows and hides. I've had better luck doing it this way.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by etcbbu »

Ok, so I took off those two Events that I showed in the screenshot that are on the Image/Logo itself. And then I put the exact two over on the "Layer" on which that Image/Logo is a child.

And that after publishing my project, loading my page, and trying it out now, I want to say that it seems like there is *somewhat* of an improvement. Like, still, seems like sometimes it does it right, and sometimes it just stays off=screen whenever I scroll back up to the top. I am replicating my original problem, in that it seems to "Sometimes" bounce down again, whenever I scroll down off the Layer, and scroll back up. And then some other times, it does *not* bounce-down again, It just stays off-screen.

Any ideas? I know this is splitting hairs, but can perhaps changing the "Target" off of " (self) " and choosing the object by NAME instead of just by (self) (in the "Events" tab) make this work any better..?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by etcbbu »

Just seeing if anyone has any other ideas about workarounds for this?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
crispy68
 
 
Posts: 2729
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by crispy68 »

Is it possible for you to save the project with just this page with the animated logo and supply a demo? Sometimes it is hard to say how to fix it without seeing your setup which includes what objects are being use to trigger the effects.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by etcbbu »

@crispy68 thanks a lot, man. Here's the link; would you mind posting here right when you finish downloading it so I can take-down this link:

[Edit: Link removed.]

Please note, I went against your advice and left four pages. But let me explain:

- two are masterpages that are unpublished (the top-logo at the top of those pages are easy to determine as the thing about which I am talking needing to code differently such that it bounces-down into the page like I need)

- two are *actual* live-pages: index.php utilizes masterpage (unpublished) as its Master Frame; and <EDIT> utilizes secondmp (unpublished) as its Master Frame
Last edited by etcbbu on Tue Oct 19, 2021 3:17 pm, edited 2 times in total.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by etcbbu »

Thank you for taking a look.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
crispy68
 
 
Posts: 2729
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Making CSS3 Effects happen either "Again", or just once and stay

Post by crispy68 »

Hey etcbbu,

I think the best way is to change the event from hiding and showing the layer to just hiding and showing the image: makemytechxitmasterpageImage1

So basically leave everything as is and just change the target to the image itself. In a nutshell, when the layer becomes completely hidden, the event fires and it hides the logo. When then layer is partially revealed, it triggers the event to show the logo slide in. Make sense?

I would also consider adding a 500ms delay to the onscrollrevealpartial so that when you scroll up there is a slight delay before the logo slides again to assure you actually seeing it sliding in.
Post Reply