Как сделать изометрическое 3D в CSS

Я пытаюсь сделать изометрическое 3D в CSS, вот что у меня есть прямо сейчас: http://jsfiddle.net/AagGZ/1/ (webkit только для тестирования)

Я в основном использую box-shadow, 1px на 1px для создания 3D-эффекта, это кажется очень хакерским мне. При анимации я пытаюсь добавить новые слои размером 1 пиксель, поэтому анимация не работает (не очень хорошо).

Есть ли лучший способ реализовать это? Я подумал о CSS-матрице с содержимым css до и после и добавил div.

Это должно быть хорошее добавление к моему проекту, а не основная функция, поэтому я не против, чтобы она не работала под IE9.

Спасибо за вашу помощь.

РЕДАКТИРОВАТЬ: Я снова открыл вопрос, потому что тот факт, что вам нужен сплошной цвет фона, немного проблема, до и после фильтра создают большие "невидимые" белые стрелки, Я пока возвращаюсь к своей версии и отключаю анимацию. Любые идеи приветствуются!