Different transition on the screen

Hi Coders

Is there a way to do two different transition on the screens?
For example, if I move left and right, the transition is "cube", and the transition is "page" if I move up and down.

I have marked the line //transition: Reveal.getQueryHash().transition || 'cube'

and assigned  <section data-background-transition="concave"> to each section 
and put transition: 'silde' under reveal.initialize()

However, the out come is not what I want.

Any way to do that?

I'm a front-end n00b, so really appreciate your help.

Thanks a lot