CSS animierbare Eigenschaften

von 2 Mitwirkenden:

Auf dieser Seite sind alle animierbaren CSS Eigenschaften und Werte aufgelistet.

Animationen
Eigenschaft Animierbar
animation Nein
animation-delay Nein
animation-direction Nein
 
animation-duration Nein
animation-fill-mode Nein
animation-iteration-count Nein
 
animation-name Nein
 
animation-play-state Nein
animation-timing-function Nein
Transitionen
Eigenschaft Animierbar
transition Nein
transition-delay Nein
transition-duration Nein
transition-property Nein
transition-timing-function Nein
Transformationen
Eigenschaft Animierbar
transform Ja, als Transformation
transform-origin Ja, als ein einfacher Wert der folgenden Eigenschaften: Längenangabe, Prozentsatz oder transform-style Nein
perspective Ja, als Längenangabe
perspective-origin Ja, als ein einfacher Wert der folgenden Eigenschaften: Längenangabe, Prozentsatz oder backface-visibility Nein
Farben
Eigenschaft Animierbar
color Ja, als Farbe
opacity Ja, als Nummer
Spalten
Eigenschaft Animierbar
columns wie die jeweiligen Kurzschreibweisen:
column-width Ja, als Längenangabe
column-count Ja, als Integer
column-gap Ja, als Längenangabe
column-rule wie die jeweiligen Kurzschreibweisen:
  • column-rule-color: Ja, als Farbe
  • column-rule-style: Nein
  • column-rule-width: Ja, als Längenangabe
column-rule-color Ja, als Farbe
column-rule-style Nein
column-rule-width Ja, als Längenangabe
break-before Nein
break-after Nein
break-inside Nein
column-span Nein
column-fill Nein
Text
Eigenschaft Animierbar
hyphens Nein
letter-spacing Ja, als Längenangabe
word-wrap Nein
overflow-wrap Nein
text-transform Nein
tab-size Nein (Könnte sich noch ändern, wenn die Spezifikation den Status "Candidate Recommendation" erreicht)
text-align Nein
text-align-last Nein
text-indent Ja, als Längenangabe, Prozentsatz oder direction Nein
white-space Nein
word-break Nein
word-spacing Ja, als Längenangabe
Text Verzierungen
Eigenschaft Animierbar
text-decoration wie die jeweiligen Kurzschreibweisen:
  • text-decoration-color: Ja, als Farbe
  • text-decoration-style: Nein
  • text-decoration-line: Nein
text-decoration-color Ja, als Farbe
text-decoration-style Nein
text-decoration-line Nein
text-decoration-skip Nein
text-shadow Ja, als Schatten
text-underline-position Nein
Flexible Boxen
Eigenschaft Animierbar
align-content Nein
align-items Nein
align-self Nein
flex-basis Ja, als Längenangabe, Prozentsatz oder flex-direction Nein
flex-flow Nein
flex-grow Ja, als Nummer, ausser Animationen mit 0
flex-shrink Ja, als Nummer, ausser Animationen mit 0
flex wie die jeweiligen Kurzschreibweisen:
flex-wrap Nein
justify-content Nein
order Ja, als Integer
Hintergründe & Rahmen
Eigenschaft Animierbar
background wie die jeweiligen Kurzschreibweisen:
  • background-color: Ja, als Farbe
  • background-image: Nein
  • background-clip: Nein
  • background-position: Ja, als mehrfache Werte der folgenden Eigenschaften: ein einfacher Wert der folgenden Eigenschaften: Längenangabe, Prozentsatz oder background-repeat
  • background-size: Ja, als mehrfache Werte der folgenden Eigenschaften: ein einfacher Wert der folgenden Eigenschaften: Längenangabe, Prozentsatz oder border
  • background-repeat: Nein
  • background-attachment: Nein
background-attachment Nein
background-clip Nein
background-color Ja, als Farbe
background-image Nein
background-origin Nein
background-position Ja, als mehrfache Werte der folgenden Eigenschaften: ein einfacher Wert der folgenden Eigenschaften: Längenangabe, Prozentsatz oder background-repeat Nein
background-size Ja, als mehrfache Werte der folgenden Eigenschaften: ein einfacher Wert der folgenden Eigenschaften: Längenangabe, Prozentsatz oder border wie die jeweiligen Kurzschreibweisen:
  • border-color: wie die jeweiligen Kurzschreibweisen:
    • border-bottom-color: Ja, als Farbe
    • border-left-color: Ja, als Farbe
    • border-right-color: Ja, als Farbe
    • border-top-color: Ja, als Farbe
  • border-style: Nein
  • border-width: wie die jeweiligen Kurzschreibweisen:
border-bottom wie die jeweiligen Kurzschreibweisen:
  • border-bottom-color: Ja, als Farbe
  • border-bottom-style: Nein
  • border-bottom-width: Ja, als Längenangabe
border-bottom-color Ja, als Farbe
border-bottom-left-radius Ja, als Längenangabe, Prozentsatz oder border-bottom-right-radius Ja, als Längenangabe, Prozentsatz oder border-bottom-style Nein
border-bottom-width Ja, als Längenangabe
border-color wie die jeweiligen Kurzschreibweisen:
  • border-bottom-color: Ja, als Farbe
  • border-left-color: Ja, als Farbe
  • border-right-color: Ja, als Farbe
  • border-top-color: Ja, als Farbe
border-image Nein
border-image-outset Nein
border-image-repeat Nein
border-image-slice Nein
border-image-source Nein
border-image-width Nein
border-left wie die jeweiligen Kurzschreibweisen:
  • border-left-color: Ja, als Farbe
  • border-left-style: Nein
  • border-left-width: Ja, als Längenangabe
border-left-color Ja, als Farbe
border-left-style Nein
border-left-width Ja, als Längenangabe
border-radius wie die jeweiligen Kurzschreibweisen:
border-right wie die jeweiligen Kurzschreibweisen:
  • border-right-color: Ja, als Farbe
  • border-right-style: Nein
  • border-right-width: Ja, als Längenangabe
border-right-color Ja, als Farbe
border-right-style Nein
border-right-width Ja, als Längenangabe
border-style Nein
border-top wie die jeweiligen Kurzschreibweisen:
  • border-top-color: Ja, als Farbe
  • border-top-style: Nein
  • border-top-width: Ja, als Längenangabe
border-top-color Ja, als Farbe
border-top-left-radius Ja, als Längenangabe, Prozentsatz oder border-top-right-radius Ja, als Längenangabe, Prozentsatz oder border-top-style Nein
border-top-width Ja, als Längenangabe
border-width wie die jeweiligen Kurzschreibweisen:
Box Model
Eigenschaft Animierbar
box-decoration-break Nein
box-shadow Ja, als Schatten
margin Ja, als Längenangabe
margin-bottom Ja, als Längenangabe
margin-left Ja, als Längenangabe
margin-right Ja, als Längenangabe
margin-top Ja, als Längenangabe
padding Ja, als Längenangabe
padding-bottom Ja, als Längenangabe
padding-left Ja, als Längenangabe
padding-right Ja, als Längenangabe
padding-top Ja, als Längenangabe
box-sizing Nein
max-height Ja, als Längenangabe, Prozentsatz oder min-height Ja, als Längenangabe, Prozentsatz oder height Ja, als Längenangabe, Prozentsatz oder max-width Ja, als Längenangabe, Prozentsatz oder min-width Ja, als Längenangabe, Prozentsatz oder width Ja, als Längenangabe, Prozentsatz oder overflow Nein
overflow-x Nein
overflow-y Nein
visibility Ja, als Sichtbarkeit
Tabellen
Eigenschaft Animierbar
border-collapse Nein
border-spacing Nein
caption-side Nein
empty-cells Nein
table-layout Nein
vertical-align Ja, als Längenangabe
Positionen
Eigenschaft Animierbar
bottom Ja, als Längenangabe, Prozentsatz oder left Ja, als Längenangabe, Prozentsatz oder right Ja, als Längenangabe, Prozentsatz oder top Ja, als Längenangabe, Prozentsatz oder float Nein
clear Nein
position Nein
z-index Ja, als Integer
Schriften
Eigenschaft Animierbar
font wie die jeweiligen Kurzschreibweisen:
font-family Nein
font-variant Nein
font-weight Ja, als Schriftgewichtung
font-stretch Ja, als Schriftbreite
font-size Ja, als Längenangabe
line-height Ja, als Nummer, Längenangabe
font-feature-settings Nein
font-size-adjust Ja, als Nummer
font-style Nein
Bilder
Eigenschaft Animierbar
image-rendering Nein
image-orientation Nein
Listen
Eigenschaft Animierbar
counter-increment Nein
counter-reset Nein
list-style Nein
list-style-image Nein
list-style-position Nein
list-style-type Nein
Ausdruck
Eigenschaft Animierbar
orphans Nein
page-break-after Nein
page-break-before Nein
page-break-inside Nein
widows Nein
Benutzeroberfläche
Eigenschaft Animierbar
outline wie die jeweiligen Kurzschreibweisen:
outline-color Ja, als Farbe
outline-width Ja, als Längenangabe
outline-style Nein
outline-offset Ja, als Längenangabe
cursor Nein
resize Nein
text-overflow Nein
Generierter Inhalt
Eigenschaft Animierbar
content Nein
quotes Nein
Sonstige
Eigenschaft Animierbar
clip Ja, als Rechteck
display Nein
unicode-bidi Nein
ime-mode Nein

 

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, fscholz
Zuletzt aktualisiert von: SJW,