Add zoomIn and zoomOut effects

ZoomIn effect:

* fadeIn new view (opacity 0 -> 1)
* fadeOut old view (opacity 1 -> 0)
* zoomIn new view (scale 0 -> 1)
* zoomIn old view (scale 1 -> 10)

ZoomOut effect (reverse to zoomIn):

* fadeIn new view (opacity 0 -> 1) *(same as zoomIn)*
* fadeOut old view (opacity 1 -> 0) *(same as zoomIn)*
* zoomIn new view (scale 10 -> 1) *(reverse to zoomIn)*
* zoomIn old view (scale 10 -> 0) *(reverse to zoomIn)*