Хочу показать примеры другого направления CSS-графики — imperacms.ru/examples/css-image/index.php — воспроизведение растра исходной картинки последовательно размещёнными стандартными html-контейнерами (как правило тегами <hr> для уменьшения размера генерируемой разметки) и стилизованными в размер 1х1 px плюс окрашенными в цвета пикселей, которым соответствует каждый контейнер. В простейшем случае это последовательное размещение одноточечных контейнеров линия за линией, в другом, более сложном случае — вычисление множества разноокрашенных и разноразмерных полигонов с послойным наложением и позиционированием до приближения к оригиналу.
По указанной выше ссылке демонстрируются такие примеры:
- капча, отрисованная не картинкой, а HTML-CSS-разметкой;
- картинка, загруженная из файла и преобразованная в HTML-CSS-разметку;
- «видео» — это битмап на HTML-CSS-разметке и CSS3-анимации пикселей.
ссылка на оригинал статьи http://habrahabr.ru/post/204410/