Main.js

main.js

<!-- HTML -->
<div id="basicWipeNode" class="popupMessageBox" data-dojo-type="dijit/layout/ContentPane" style="width: 200px; height: 50px;">
    <b id="messageContainer"></b>
</div>
<!-- End of HTML -->


loadMsgBox: function(msg, msgType) {

            var messageBox  = dom.byId('basicWipeNode');
            var messageContainer = dom.byId('messageContainer')
            var boxColor    = '';

            switch(msgType) {
                case 'create':
                    boxColor = 'lightblueColor';

                    break;
                case 'update':
                    boxColor    = 'lightgreenColor';
                    
                    break;
                case 'delete':
                    boxColor    = 'lightgreyColor';
                    boxIcon     = 'popupDelete';

                    domClass.add(messageBox, boxColor);
                    
                    
                    break;
                default: 
                break;
            }

            messageBox.children[0].innerHTML = msg;

            domStyle.set(messageBox, {
                left:((window.innerWidth - messageBox.clientWidth)/2)+'px',
                display: 'block',
                opacity: 5,
                top: '100px',
            });

            Fx.wipeIn({
                node: messageBox,
            }).play();

            setTimeout(function(){
                Fx.wipeOut({
                    node: messageBox,
                }).play();
            }, 1000);
        
        },

Jeff, regarding your animation effect at my machine, it is just the bottom part of the box expanding downward, then back to normal, and finally disappear, is that the effect correct ?

Yes

Jeff, can you try to enhance your animation effect ?