REVEAL ON SCROLL


You can set any Frame to reveal when you first scroll down towards it.

As standard, you have three types of action to play with on MOBLE and all three can be used in conjunction with each other for slightly different experiences.

SLOW
Perhaps the most popular, slow will fade in smoothly as you scroll.

DELAYED
Delay will add a 2 second delay before the Frame appears. This can be used nicely with either Slow or Down.

DOWN
Down will give the effect of the Frame being dropped onto the page as you scroll. This is less popular but can work well in certain instances. The effect below shows the 'Slow' Reveal effect. To reset the preview of the effect, refresh your page and scroll down again.

MOBLE DirtyFeet Reveal

REVEAL

The top blocks of content have Reveal set to 'Slow', The right blocks are set to 'Slow and 'Delayed' allowing both to gently reveal on scroll.

MOBLE DirtyFeet Reveal
DirtyFeet Parallax
MOBLE CMS Parallax
MOBLE CMS DirtyFeet Reveal on Scroll

Reveal of Scroll set to 'Slow' and 'Delayed in the outside Frame.

PRO TIP

Notice in the screenshot above, the inside frame is shifted to the left making it sit over the image to its left.

  • The outside frame is using 'Reveal'
  • The inside frame is using 'Shift'


In CSS you cannot apply two effects to the same frame. However, on MOBLE you can get around the rules of CSS by making many frames work together. 

You could, for example, apply 'Parallax' to the Parent frame and then 'Shift' to the child frame. You can keep on adding as many Frames as you like with the '' and '' icons on each Frame.

This is how coders work with CSS to create effects. You can keep on applying many frames like layers. Expert coders might use many frames to layer gradients, or even turn frames into shapes like circles and triangles.

In Design Mode your MOBLE website gives a visual representation of code, meaning everything is possible. While MOBLE is a CMS for business, with the flip of a switch to Design Mode, it is an advanced website builder for design.

Here we see Reveal being used for an animated infographic on the Home Page of DirtyFeet

LAUNCH


14 DAY FREE TRIAL

MINI


12 PAGES

PLUS


50 PAGES

PRO


500 PAGES

CUSTOM


UNLIMITED PAGES