Animated Derma Menus

How can you create an animated derma menu.
Example: When you open the menu it will start moving from left or right or top or bottom or it will appear on the center and it will extent to its own size.

This is for moving the panel:

This is for sizing it:

This is for coloring it:

Thank you very much that really helped me.