display a growing image when a html page loads

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
alex4orly
 
 
Posts: 632
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

display a growing image when a html page loads

Post by alex4orly »

I want to have a popup image, like a welcome on the home page of a site.

The popup will start small and expand and when reaching the maximum size,
That will close itself....

Any suggestions.
Chheers
lifecrane
 
 
Posts: 4
Joined: Sun Nov 04, 2018 12:12 am

Re: display a growing image when a html page loads

Post by lifecrane »

Like a self destructive window? :)
I think I saw that somewhere, cant remember where , this has some info you can start maybe https://www.w3schools.com/howto/howto_c ... images.asp

modal pop up https://codecanyon.net/item/modal-popup ... nts?page=3

hope that helps, since I kind of don't know much.
User avatar
BaconFries
 
 
Posts: 5946
Joined: Thu Aug 16, 2007 7:32 pm

Re: display a growing image when a html page loads

Post by BaconFries »

Using CSS3 transform to zoom an image:
https://www.wysiwygwebbuilder.com/transform.html
An introduction to CSS3 animations:
https://www.wysiwygwebbuilder.com/animation.html
User avatar
alex4orly
 
 
Posts: 632
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: display a growing image when a html page loads

Post by alex4orly »

Hi BaconFries
Can you please point me to an example, so that I will get an idea of what it does

Thanks
User avatar
Pablo
 
Posts: 23469
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: display a growing image when a html page loads

Post by Pablo »

There is no example that does exactly what you want.
But you can (for example) create a scaling animation
https://www.wysiwygwebbuilder.com/animation.html

Just an idea:
keyframe 0:
scale 0

keyframe 50%:
scale 1
opacity 1

keyframe: 100%
opacity 0
User avatar
alex4orly
 
 
Posts: 632
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: display a growing image when a html page loads

Post by alex4orly »

Thanks, never used this
Will give it a try

Cheers
Post Reply