New to Kendo UI for jQuery? Start a free 30-day trial

Animation

configuration

Defines a value determining whether the items will be animated. Valid options are

none: no animation is applied
wave: a wave animation is applied
pulse: a pulsating animation is applied

animation

String

Default: 'pulse'

<div id="skeleton"></div>
<script>
$("#skeleton").kendoSkeletonContainer({
    width: 200,
    height: 300,
    grid: {
        items: [
            {
                colStart: 1,
                colSpan: 1,
                rowStart: 1,
                rowSpan: 1,
                shape: "rectangle"
            },
            {
                colStart: 2,
                colSpan: 1,
                rowStart: 1,
                rowSpan: 1,
                shape: "rectangle"
            }
        ],
        columns: 4,
        rows: 4
    },
    animation: "wave"
});
</script>