Читайте также
Переход всех возможных состояний
Вместо того чтобы перечислять несколько свойств, к которым хочется применить переход, можно использовать значение all. Тогда переход будет наложен на все возможные свойства.Заменим перечисление background и color на значение all. Теперь эти
3. Hover по-новому
На протяжении последних двух глав мы разбирались в том, какие свойства CSS3 можно использовать сейчас. Мы также говорили о том, в каких частях интерфейса резонно применять эти свойства.Повторим самое важное, что мы уже успели узнать.1. Существуют основные
Простой и гибкий hover с использованием opacity
Мы постоянно ищем решения, которые экономят время и содержат дополнительную гибкость. CSS3 изобилует такими решениями: эта технология дает возможность написать несколько строчек и получить то, на что раньше уходило больше
Вперед, к новому hover
Ранее я упоминал, что такой подход повлиял на то, как я думаю о подготовке графики для сайтов. Мы можем пользоваться свойством opacity, чтобы управлять тем, как графика выглядит в обычном состоянии, смешивая ее с фоном – и затем применять другие
Масштабирование в hover
Теперь – преобразования. Добавим преобразование scale, чтобы фотография увеличивалась, когда на нее наводят курсор. Помним о том, что исходные изображения больше, чем 200 пикселей в ширину, – значит, фотографии можно увеличивать без потери
Использование box-shadow для создания состояния focus
Мы можем пойти дальше в улучшении взаимодействия с этой формой, используя свойство box-shadow на тех элементах, которые находятся в состоянии :focus. Это быстро, легкои, как и прежний CSS3-код, не затрагивает старые
Повторное использование анимации для кнопки в состоянии hover
Одна из приятных особенностей ключевых кадров состоит в том, что их можно повторно использовать внутри нескольких блоков кода в стилевом листе. Например, применить ту же анимацию «pulse» к кнопке в состояниях hover
Диаграмма состояний TCP
Последовательность действий TCP во время установления и завершения соединения можно определить с помощью диаграммы состояний TCP (state transition diagram). Ее мы изобразили на рис. 2.4.
Рис. 2.4. Диаграмма состояний TCPДля соединения определено 11 различных
Диаграмма состояний SCRIPT
Порядок работы SCRIPT при установлении и завершении ассоциаций может быть проиллюстрирован диаграммой состояний (рис. 2.8).
Рис. 2.8. Диаграмма состояний SCRIPTКак и на рис. 2.4, переходы из одного состояния в другое регулируются правилами SCRIPT и
10.17.1 Анализ состояний соединения TCP
Команда netstat -an позволяет проверить текущее состояние соединения. Ниже показаны соединения в состояниях listen, startup, established, closing и time-wait.Отметим, что номер порта соединения указан в конце каждого локального и внешнего адреса. Видно, что
Глава 4. Механизм определения состояний
В данной главе все внимание будет уделено механизму определения состояний пакетов (state machine). По прочтении ее у вас должно сложиться достаточно четкое представление о работе механизма, а способствовать этому должен значительный
10.2.2. Изображение неопределённых состояний в PROBE[35]
В этом разделе вам снова понадобится то изображение, которое вы получили после выполнения предыдущего шага (см. рис. 10.12), чтобы точнее исследовать области перехода между цифровыми состояниями. Для этого вам потребуется
Selective Soft Focus (Выборочный мягкий фокус)
Создает эффект мягкого размытия, позволяя управлять границами смазывания (рис. 4.35).
Рис. 4.35. Исходное изображение (слева) и пример использования фильтра Selective Soft Focus (Выборочный мягкий фокус)
5.3. Диаграммы состояний и переходов
Существенное: состояния и переходы Диаграмма состоянии и переходов показывает: пространство состояний данного класса; события, которые влекут переход из одного состояния в другое; действия, которые происходят при изменении состояния.