CSS 3 - Beispiele für alle TRANSITION Properties

Nicht alle CSS-Eigenschaften sind in allen Browsern mit einer Transition zu versehen. Safari 5, Firefox 8 unterstützen die meisten Eigenschaften. Opera 11 steigt bei einzelnen Eigenschaften aus, Internet Explorer 9 unterstützt keine Transition.

Beim Überfahren mit der Maus bzw. beim durch-tabben wird die jeweilige Transition ausgelöst. Details sind im Quelltext zu finden.

Die Eigenschaften border-spacing und vertical-align fehlen in der Übersicht, da diese noch nicht bzw. mäßig unterstützt werden.

background-color
background-image
background-position
border-bottom-color
border-bottom-width
border-color
border-left-color
border-left-width
border-right-color
border-right-width
border-top-color
border-top-width
border-width
bottom
color
font-size

font-weight font-weight font-weight font-weight font-weight font-weight font-weight

font-weight
height
left
letter-spacing
line-height line-height line-height line-height line-height line-height
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
opacity
outline-color
outline-offset
outline-width
padding-bottom
padding-left
padding-right
padding-top
text-indent
text-shadow
top
visibility
width
word-spacing
Lorem ipsum dolor sit amet, consectetur, adipisci velit
div 1
div 2
div 3
z-index
zoom (IE, Safari, Chrome)