Скажу так, SASS (синтаксис SCSS). Stylys с бородатыми дядями из яндекса рассматривать даже не совету. Он значительно медленнее обычных препроцессоров.

Less он попроще, но в нем есть некоторые недочеты. Если вы захотите использовать новые фишки CSS3 то вам однозначно less не подойдет. SASS-файлы компилировать можно не только через ruby, но и через node-sass, так будет быстрее в разы.
Если хотите больше узнать про sass, посмотрите:
sass-lessons.ru
Здесь и про сравнение с less-ом написано и про установку, вобщем интересно.

За задержку отвечает свойство animation-delay, а за длительность анимации отвечает animation-duration
Если вас интересует анимация на CSS3 то вам сюда:
popel-studio.com/blog/article/vozmozhnosti_css-ani...

))) Попробуйте так
"
// Объявляем наши плагины
var gulp = require('gulp');
var sass = require('gulp-sass');
var plumber = require('gulp-plumber');
var watch = require('gulp-watch');
// Создаем sass задание
// gulp.src - путь по которому лежит scss-файл который мы будем компилировать
// gulp.dest - путь в который мы будем генерить нашу css-ку
// plumber() - не выбрасывать из компилятора если есть ошибки
// errLogToConsole: true - выводить номер строки в которой допущена ошибка
gulp.task('sass', function () {
gulp.src('scss/main.scss')
.pipe(plumber())
.pipe(sass({errLogToConsole: true}))
.pipe(gulp.dest('project/css'));
});
Тут все просто, мы полностью просматривает папку в которой лежит scss-файл который мы хотим скомпилировать, и при любом изменении файлов в этой папки запускаем задание sass (gulp.task('sass))
gulp.task('default', function() {
gulp.run( 'sass');
gulp.watch('scss/**', function(event) {
gulp.run('sass');
})
})
"
Брал отсюда:
sass-lessons.ru/documentation