Стили CSS — отображаем уменьшенный вариант большого изображения с помощью CSS

Автор: Крис Койер
Перевод: Всеволод Козлов

Стили CSS - отображаем уменьшенный вариант большого изображения с помощью CSS

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

Фрагмент HTML-кода

<img src="images/fruit.jpg" alt="fruit" class="expand" />

Фрагмент CSS кода

img.expand { width: 10em; }

Оригинал статьи: Resizeable Images (At Full Resolution!)

Добавить комментарий

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

*