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

Animation

configuration

Defines custom show and hide animations via an Kendo UI Animation object. Setting the value to false disables animations.

animation:true is not a valid configuration.

animation

Object|Boolean

<span id="notification"></span>
<script>
$("#notification").kendoNotification({
    animation: false
});
$("#notification").getKendoNotification().show("Kendo Notification");
</script>

<span id="notification"></span>
<script>
$("#notification").kendoNotification({
    animation: {
        open: {
            effects: "slideIn:left"
        },
        close: {
            effects: "slideIn:left",
            reverse: true
        }
    }
});
$("#notification").getKendoNotification().show("Kendo Notification");
</script>