@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Interface CoverflowOptions

    Configuration options for CoverflowCarouselStrategy.

    All options are optional — sensible defaults produce a classic Cover Flow effect out of the box.

    interface CoverflowOptions {
        blur?: boolean;
        depthOffset?: number;
        fade?: boolean;
        peekOffset?: number;
        rotateY?: number;
        sideScale?: number;
        stackGap?: number;
    }
    Index

    Properties

    blur? depthOffset? fade? peekOffset? rotateY? sideScale? stackGap?

    Properties

    blur?: boolean

    Whether to apply a progressive blur to non-active items. Set to false to keep all items sharp.

    false
    depthOffset?: number

    How far side items are pushed back on the Z axis (px).

    80
    fade?: boolean

    Whether to progressively fade (reduce opacity of) non-active items. When false every item stays at full opacity.

    false
    peekOffset?: number

    Horizontal distance from the centre item to the first neighbour (px). Subsequent items stack with a much smaller increment so they overlap heavily.

    42
    rotateY?: number

    Y-axis rotation angle for side items in degrees.

    72
    sideScale?: number

    Scale factor applied to side items (0 – 1).

    0.82
    stackGap?: number

    How much each additional item beyond the first neighbour is shifted further from centre (px).

    18

    Settings

    Member Visibility

    On This Page

    Properties