magna
Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
BS"D
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Background Kaleidoscope


The most lightweight and smoother kaleidoscope effect for the background of almost any element!

Some features:

- Automatic or manual target object.
- Selectable size for the elements of the kaleidoscope.
- Selectable rotation speed.
- Optional extra movement when the mouse is hovering the target object.
- Selectable easing factor (for the mouse hovering).
- Fallback image in case for older browsers.
- Custom patterns.
- Extremely lightweight.
- No jQuery required.

...and more!


HTML5
W3C compliant


DEMO


How to use?

1. Design your page with its elements.
2. Drag and drop an extension instance.
3. Open the properties dialog and enter the main image.
4. Optionally, you can also enter a fallback image, a pattern image and other parameters.
5.a. For layers background: Drag the extension instance and drop it within the layer.
5.b. For page background: Drag and drop the extension instance in the page.
5.c. For other objects background: Enter the id of the object you want to have the background.
6. Preview or publish.

Enjoy!


Note: A modern browser is required.
w3c compliant
© 2012-17 by MAGNA web studio • all rights reserved


new shop with