CSS-переход между левой -> правой и верхней -> нижней позициями

Можно ли использовать CSS-переходы для анимации чего-либо между позициями, заданными как left: 0pxи right: 0px, чтобы они проходили по всему экрану? Мне нужно сделать то же самое сверху вниз. Я застрял в расчете ширины экрана/размера объекта -?

#nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.5s ease-out;
}

.moveto {
    top: 0px;
    right: 0px;
}

, а затем я использую jQuery.addClass