animation Object|Boolean

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.

Example - disable animations

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

Example - slide animations

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