CSS3 własność nieruchomości przejściowego
Przykłady
Najedź elementu div i stopniowo zmieniać szerokość stołu:
{
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;}
Spróbuj »
Na dole strony znajduje się więcej przykładów.
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
属性 | |||||
---|---|---|---|---|---|
transition-property | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Atrybut definicje i instrukcje
atrybut przejściowego właściwość określa efekt CSS nieruchomość nametransition (rozpocznie określonych zmian właściwości CSS, gdy efekt przejścia).
Wskazówka: efekt przejścia, zwykle pojawia się, gdy użytkownik znajdzie się nad elementem.
Uwaga: Zawsze określić właściwość trwania przejściowego, w przeciwnym wypadku czas 0, przejście będzie miało żadnego efektu.
Domyślnie: | wszystko |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.transitionProperty = "width, height" |
gramatyka
wartość | opis |
---|---|
żaden | No Właściciel się przejść. |
wszystko | Wszystkie właściwości otrzyma efekty przejścia. |
nieruchomość | Definicje zastosować własności CSS listy nazwisk efekt przejścia, które oddzielone przecinkami. |
Więcej przykładów
Efekty przejścia - aby zmienić zarówno właściwości
Najedź elementu div, zmienić wysokość i szerokość z gładkimi efektami przejścia.