2 / 11

Property: roll

Description:

Roll / slide effect.

a:active => #myDIV {
    roll-in: slow;
}

Plugin:

MoreCSS.effects.js (download section)

Applies to:

All block elements.

Properties:

Name: Value: Details:
roll-in case slow | case normal | case fast | milliseconds, [stop height value] Shorthand property. First values sets the roll speed. Second optional value sets stop height.
roll-out case slow | case normal | case fast | milliseconds, [stop height value]  
roll-auto case slow | case normal | case fast | milliseconds, [stop height value] Automatic switch between in and out.

Examples:

Open: Demo Page

­