Книга: CSS3 для веб-дизайнеров
Хвост, который размахивает собакой
Хвост, который размахивает собакой
Изначально разработанные исключительно командой,
работавшей над движком WebKit для Safari, CSS-переходы теперь стали спецификацией в состоянии рабочий черновик в W3C. (У CSS-трансформаций и CSS-анимаций похожее происхождение; о них мы поговорим в главах 4 и 6 соответственно.)
Это хороший пример того, как новшества браузеров становятся частью потенциального стандарта. Потенциального, потому что на сегодняшний день это всего лишь черновик. Однако Opera недавно добавила поддержку CSS-переходов в версии 10.5 и была обещана их поддержка в Firefox 4.0. Иными словами, хоть это и черновая спецификация, которая развивается, она достаточно стабильна, чтобы Opera и Firefox воспринимали ее всерьез и добавляли поддержку для нее. Что важнее всего, CSS-переходы больше не относятся к проприетарным экспериментам Safari.
Давайте посмотрим на то, как работают переходы. Как и свойства CSS3, о которых говорилось в первой главе, я дам лишь определения и покажу основной синтаксис, чтобы у читателя было ясное понимание того, как работают переходы. Позже мы будем делать разнообразные классные штуки, пользуясь переходами, чтобы довести до блеска примеры из следующих глав, и будет ясно, как переходы становятся частью общей композиции.
- Хвост, который размахивает собакой
- Что такое CSS-переходы
- Простой пример
- Временные функции (мне следовало быть внимательнее на уроках математики)
- Задержка перехода
- Краткая форма записи
- Поддержка в браузерах
- Полная запись перехода
- Состояния перехода
- Переход нескольких свойств
- Переход всех возможных состояний
- К каким свойствам применим переход
- Почему бы не воспользоваться JavaScript?
- Используйте с умом
- Нужно повторно использовать текст, который я уже набирал ранее. Как его скопировать?
- Вот уже в который раз при работе в сети появляется сообщение от других пользователей. Что это может быть?
- Мне требуется информация с сайта, который я посещал позавчера, но я не помню его адрес. Есть ли способ его узнать?
- Возле часов постоянно отображается значок Безопасное извлечение устройства, который предлагает отключить жесткий диск и ...
- Как просмотреть фильм другим проигрывателем, не тем, который установлен по умолчанию?
- Как найти исполнителя, который бесплатно настроит вам контекстную рекламу
- Экономика «длинного хвоста»
- 2.18. Удаление хвостовых символов новой строки и прочих
- Листинг 15.3. Тестовый код, который необходимо поместить в класс формы для тестирования передачи и приема данных посредс...
- Листинг 9.4. Код, который должен быть помещен в класс Smartphone Form1.cs
- Глава 12 Бизнес, который вы полюбите
- 3. Краткая история «длинного хвоста»