Added navigation directive that translates x and y  using CSS matrix transform