Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS


Художница и программист Диана Смит (Diana Smith) вручную с помощью чистого CSS-кода создала женский портрет в стиле XVIII века. На эту непростую задачу у нее ушло две недели. Но при этом очень забавно наблюдать, как ее работа «едет» в старых версиях браузеров. Internet Explorer, как всегда, на высоте.

Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS

Американка нарисовала картину вручную с помощью инструментов разработчика в Google Chrome. Получившийся женский портрет она назвала «Фрэнсин» и выложила его код в открытый доступ на GitHub (веб-сервис для хостинга IT-проектов и их совместной разработки).

Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSSДиана Смит создает изображения только с помощью кода HTML и CSS, без использования графических редакторов и планшетов. При этом в разных браузерах код, из которого сделана «Фрэнсин», отображается по-разному.
Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS

Например, так картина выглядит в старой версии «Оперы».

Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS

А так она отображается в Chrome 9.

Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS

Но особенно устрашающе картина выглядит в ранних версиях Internet Explorer.

Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSSНа сайте Дианы Смит можно найти еще несколько работ, созданных CSS-кодом. Как у них с кроссбраузерностью, мы пока не проверяли.

Оставить комментарй

Ваш e-mail не будет опубликован. Обязательные поля помечены *