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

Прозрачность на кликабельных картинках

Прозрачность на кликабельных картинках

На рис. 3.16 показан футер сайта-примера, в котором – после некоторого юридического текста и шокирующего дисклеймера – расположились три логотипа, на них можно нажать.


Рис. 3.16. Футер сайта Вещи, оставленные на Луне

Воспользуемся свойством opacity не только для того, чтобы определить состояния :hover и :focus, но и чтобы задать начальный уровень прозрачности. CSS-переход сгладит и анимирует это изменение, чтобы довершить эффект.

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


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