Лучшее руководство по CSS3 свойство переходной недвижимости в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Другие примеры,
CSS3 свойство переходной недвижимости
примеров
Наведите указатель мыши над сНу элемента, и постепенно изменять ширину таблицы:
{
transition-property:width;
-moz-transition-property: width; /* Firefox 4 */
-webkit-transition-property:width; /* Safari and Chrome */
-o-transition-property:width; /* Opera */
}
div:hover {width:300px;}
Попробуйте »
В нижней части этой страницы для большего количества примеров.
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
transition-property | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Определение атрибута и инструкции
атрибут переходного свойство определяет эффект CSS свойство nametransition (начнет указанные изменения свойств CSS, когда эффект перехода).
Совет: переходный эффект, как правило , происходит , когда пользователь наводит указатель мыши на элемент.
Примечание: Всегда указывайте переходных продолжительность свойства, в противном случае длительность 0, переход не будет иметь никакого эффекта.
По умолчанию: | все |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.transitionProperty = "ширина, высота" |
грамматика
значение | описание |
---|---|
никто | Собственность не получить переходы. |
все | Все свойства будут получать эффекты перехода. |
свойство | Определения применить переходный эффект CSS свойство список имен, который через запятую. |
Другие примеры
Переходные эффекты - изменение обоих свойств
Наведите указатель мыши на элемент DIV, изменить ширину и высоту с гладкими эффектами перехода.