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
display a growing image when a html page loads
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
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
Re: display a growing image when a html page loads
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.

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.
- BaconFries
-
- Posts: 5946
- Joined: Thu Aug 16, 2007 7:32 pm
Re: display a growing image when a html page loads
Using CSS3 transform to zoom an image:
https://www.wysiwygwebbuilder.com/transform.html
An introduction to CSS3 animations:
https://www.wysiwygwebbuilder.com/animation.html
https://www.wysiwygwebbuilder.com/transform.html
An introduction to CSS3 animations:
https://www.wysiwygwebbuilder.com/animation.html
Re: display a growing image when a html page loads
Hi BaconFries
Can you please point me to an example, so that I will get an idea of what it does
Thanks
Can you please point me to an example, so that I will get an idea of what it does
Thanks
Re: display a growing image when a html page loads
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
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
Re: display a growing image when a html page loads
Thanks, never used this
Will give it a try
Cheers
Will give it a try
Cheers