[rz] Water Background v1.1
This extension adds an attractive animated (by mouse movements) water background style to almost any object.
Some features:
- Multiple target objects that share the same settings.
- Multiple instance support.
- Custom color and tranparency.
- Fixed size or proportionally to the target element.
- Advanced wave configuration for smoothness and size.
- HTML5 cross-browser with fallback degradation (currently, iOS and Android are not supported).
- Unobtrusive: does not interfere in other processes that rely on drag events.
- Lightweight: No jQuery and no extra dependencies.
HTML5
W3C compliant
* New in version 1.1
- Optional automatic waves mode.
- Three modes for the automatic waves calculation.
- Extended functionality to support optionally mouse movements, automatic waves and fallback modes.
- Wide range from calm to vibrant waves depending on depth and timing among other advanced parameters.
- Other minor code and smoothness improvements.
DEMO
How to use?
1. Design your page with its elements as you usually do.
2. Open the properties dialog and enter the parameters for the instance, such as color, transparency, height, etc. or leave them as by default.
3.a. For layers background: drag and drop an extension instance within the desired layer.
3.b. For page background: Drag and drop the extension instance in the page.
3.c. For other objects background: Enter the id of the object you want to have the background.
4. Preview or publish.
Enjoy!
(*) Based on a work by Stephen Burgess based on a script by Paul Lewis which was based on Yugo Nakamura's original -- it has been rewritten and optimized by [rz] especially for wb and without any scripts/dependencies.
[rz] Water Background *** UPD 2017-Nov-16 ***
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***
This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***
This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
[rz] Water Background *** UPD 2017-Nov-16 ***
Last edited by [RZ] on Thu Nov 16, 2017 9:33 pm, edited 1 time in total.
Re: [rz] Water Background *** UPD 2017-Nov-16 ***
* New in version 1.1
- Optional automatic waves mode.
- Three modes for the automatic waves calculation.
- Extended functionality to support optionally mouse movements, automatic waves and fallback modes.
- Wide range from calm to vibrant waves depending on depth and timing among other advanced parameters.
- Other minor code and smoothness improvements.
- Optional automatic waves mode.
- Three modes for the automatic waves calculation.
- Extended functionality to support optionally mouse movements, automatic waves and fallback modes.
- Wide range from calm to vibrant waves depending on depth and timing among other advanced parameters.
- Other minor code and smoothness improvements.