EverWeb Codebox logo

EverWeb Widgetbox 3

Parallax Scroll FX Widgets

Parallax style page designs are not possible with EverWeb and would probably be beyond the skill level of the average user anyway.
These widgets were created to give a similar effect using much simpler techniques.
The background image is set to scroll a a different speed from the content blocks which animate in on page load and on scroll.
Go to the DEMO to see the widget in action.
NOTE: These widgets are not suitable for use on page designs that will be viewed on a mobile device such as iPad and iPhone.
Go to the iPad page to find out how to deal with this and launch the Demo page on an iPad or the iOS Simulator to see how it works.

Scroll FX Background Widget
Scroll FX Heading Widget

This widget creates an image background which scrolls at a different speed relative to the page content. The image can be a composite one to give a parallax type effect.

Create an h1 through h4 HTML heading and apply any of the scroll animation effects to it.
The heading container can be styled with background transparency and a box shadow.

Scroll FX Text Widget

An animated HTML5 section container with HTML heading and text content.
The container can be styled with background transparency and a box shadow.

Scroll FX Image Widget
Scroll FX Image Link Widget

Insert an animated image with alt text for SEO.
The image can have rounded corners and a box shadow if required.

This version allows the image to be a hyperlink.
The link can be either to an internal page or to an external page or file. The link can be set to open in a new window.

Scroll FX Figure with image & caption

An image and its caption are inserted in an HTML5 figure element along with alt text for SEO.
The container can have padding, background transparency, rounded corners and a box shadow.

Scroll FX Figure Hyperlink

This version allows the image to be a hyperlink.
The link can be either to an internal page or to an external page or file. The link can be set to open in a new window.

Scroll FX Figure Hyperlink

This is an HTML5 section element which has an HTML heading and text wrap around an image.
The image percentage width is adjustable and it can be floated left or right.

Scroll FX Button Hyperlink Widget

A button hyperlink which can link to an internal or external page or file with the option to open the link in a new window.

Scroll FX Button Hyperlink Widget

A transparent rectangle which can be set to full width using the new Metrics controls in EverWeb V1.8.
It can be used with the parallax backgound and scrolling effects to create a static visual break.

Note

The widgets on this site are not compatible with HTTPS Secure websites.
Click the Info button to go to EverWeb Widgets for more up to date widgets.