Как сделать анимацию для слайдера на css?

Привет!
Как можно сделать анимацию для слайдера на css, переключение осуществляется стрелками, слайды должны смещать друг друга. Сами слайды подгружаются аяксом. Сейчас загвоздка в стилях. Пробовал через keyframes, но не вышло как нужно. Слайдер выезжающий сверху, получает класс top, слайдер снизу, bottom. Какими стилями это можно сделать?

Пример как должно быть.