3. Hover по-новому
3. Hover по-новому
На протяжении последних двух глав мы разбирались в том, какие свойства CSS3 можно использовать сейчас. Мы также говорили о том, в каких частях интерфейса резонно применять эти свойства.
Повторим самое важное, что мы уже успели узнать.
1. Существуют основные свойства CSS3, которые применимы уже сегодня.
2. Кто угодно может применять эти свойства в своих проектах, в особенности в отношении элементов взаимодействия.
3. Браузерные префиксы позволяют нам продвигать технологию прямо сейчас, помогая проверять неустоявшиеся свойства на реальных задачах.
4. CSS-переходы перестали быть проприетарными экспериментами – они стали частью спецификации, которую перенимают другие браузеры. Их стоит использовать!
Теперь самое время применить все эти прекрасные новые инструменты в дизайне настоящей веб-страницы.
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКДанный текст является ознакомительным фрагментом.
Читайте также
Оформление состояний hover и focus
Оформление состояний hover и focus Добавим изменение цвета текста и фона для состояния :hover каждой ссылки. Мы вновь применим RGBA, чтобы задать тексту полупрозрачный белый фон.#nav li a { padding: 5px 15px; font-weight: bold; color: #ccc; color: rgba(255, 255, 255, 0.7); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}#nav li a: hover,#nav li a: focus { color: #fff;
Простой и гибкий hover с использованием opacity
Простой и гибкий hover с использованием opacity Мы постоянно ищем решения, которые экономят время и содержат дополнительную гибкость. CSS3 изобилует такими решениями: эта технология дает возможность написать несколько строчек и получить то, на что раньше уходило больше
Вперед, к новому hover
Вперед, к новому hover Ранее я упоминал, что такой подход повлиял на то, как я думаю о подготовке графики для сайтов. Мы можем пользоваться свойством opacity, чтобы управлять тем, как графика выглядит в обычном состоянии, смешивая ее с фоном – и затем применять другие
Масштабирование в hover
Масштабирование в hover Теперь – преобразования. Добавим преобразование scale, чтобы фотография увеличивалась, когда на нее наводят курсор. Помним о том, что исходные изображения больше, чем 200 пикселей в ширину, – значит, фотографии можно увеличивать без потери
Повторное использование анимации для кнопки в состоянии hover
Повторное использование анимации для кнопки в состоянии hover Одна из приятных особенностей ключевых кадров состоит в том, что их можно повторно использовать внутри нескольких блоков кода в стилевом листе. Например, применить ту же анимацию «pulse» к кнопке в состояниях hover
4.6 НАЗНАЧЕНИЕ ИНДЕКСА НОВОМУ ФАЙЛУ
4.6 НАЗНАЧЕНИЕ ИНДЕКСА НОВОМУ ФАЙЛУ Для выделения известного индекса, то есть индекса, для которого предварительно определен собственный номер (и номер файловой системы), ядро использует алгоритм iget. В алгоритме namei, например, ядро определяет номер индекса, устанавливая
17.5. Семь шагов к новому ядру
17.5. Семь шагов к новому ядру 17.5.1. Получение и разархивация ядра Исходные тексты новой версии ядра можно скачать с сайта ftp.kernel.org. Как уже было сказано, bzip2-архив исходных кодов ядра версии 2.4.2 имеет объем более 20 Мбайт, так что скачать его - тоже еще проблема. Но перекачивать
Google Glass XXX: индустрия «18+» приглядывается к новому устройству Виктор Ласло
Google Glass XXX: индустрия «18+» приглядывается к новому устройству Виктор Ласло Опубликовано 11 апреля 2013 Могут ли две порноактрисы навести шороху на весь интернет, чтобы не сказать на всю ИТ-индустрию? И если да, то что они должны для этого сделать? Ответ:
Новому веку — новые часы! Чем хороши Galaxy Gear и чьи ещё смартвочи на очереди? Евгений Золотов
Новому веку — новые часы! Чем хороши Galaxy Gear и чьи ещё смартвочи на очереди? Евгений Золотов Опубликовано 05 сентября 2013 Я рискну сейчас сделать предположение, которое, вероятно, вы не сразу примете, но которое поэтому я настоятельно рекомендую вам