Книга: CSS3 для веб-дизайнеров

Прозрачность и эффективность картинки

Прозрачность и эффективность картинки

Я создал иконки полностью белыми PNG-изображениями, зная, что затем применю свойство opacity, чтобы отрегулировать прозрачность на уровне CSS. Такой подход изменил то, как я в некоторых ситуациях думаю о графических объектах в веб-проектах.

Вместо того чтобы сохранять полупрозрачные PNG, я сохраняю полностью непрозрачные версии (рис. 3.17), которые могу менять в браузере. Кроме того что такой подход экономит время, он также позволяет выставлять разные уровни прозрачности в состояниях :hover, :focus и :active, избавляя от необходимости создавать несколько наборов изображений.


Рис. 3.17. PNG-файлы с логотипами – полностью белые

Оглавление книги


Генерация: 1.252. Запросов К БД/Cache: 3 / 0
поделиться
Вверх Вниз