<style>
    #container {
        position: relative;
        width: 200px;
        height: 200px;
    }
    #front, #back {
        position: absolute;
        width: 200px;
        height: 200px;
    }
    #front {
        background: lightblue;
    }
    #back {
        background: lightcoral;
    }
</style>

<div id="container">
    <div id="front">Front Side</div>
    <div id="back">Back Side</div>
</div>

<script>
    // Flip horizontally
    kendo.fx($("#container")).flip("horizontal", $("#front"), $("#back")).play();
    
    // Or flip vertically
    // kendo.fx($("#container")).flip("vertical", $("#front"), $("#back")).play();
</script>