Swiper - v14.0.1
    Preparing search index...

    Interface CoverflowEffectOptions

    interface CoverflowEffectOptions {
        depth?: number;
        modifier?: number | ((centerOffset: number) => number);
        rotate?: number;
        scale?: number;
        slideShadows?: boolean;
        stretch?: number | `${number}%`;
    }
    Index

    Properties

    depth? modifier? rotate? scale? slideShadows? stretch?

    Properties

    depth?: number

    Depth offset in px (slides translate in Z axis)

    100
    modifier?: number | ((centerOffset: number) => number)

    Effect multiplier. A number is multiplied with the slide's normalized offset from center; a function receives that offset and returns the resulting multiplier.

    1
    rotate?: number

    Slide rotate in degrees

    50
    scale?: number

    Slide scale effect

    1
    slideShadows?: boolean

    Enables slides shadows

    true
    stretch?: number | `${number}%`

    Stretch space between slides

    • a number is interpreted as pixels (e.g., 20 for 20px).
    • a string with a percentage (e.g., "50%").
    0

    Settings

    Member Visibility

    On This Page

    Properties