CSS
Triggers
This is a remake of the OG CSS Triggers, which was created by Paul Lewis and Surma. This version is created by Andrico Karoulla.
I need your help! The browser data is out of date. If you have access to the latest browser data, then please create a GitHub issue.
L
Layout
P
Paint
C
Composite
B
Blink (Chromium)
G
Gecko (Firefox)
W
Webkit (Safari)
align-content
Initial render
Subsequent updates
align-items
Initial render
Subsequent updates
align-self
Initial render
Subsequent updates
backface-visibility
Initial render
Subsequent updates
background-attachment
Initial render
Subsequent updates
background-blend-mode
Initial render
Subsequent updates
background-clip
Initial render
Subsequent updates
background-color
Initial render
Subsequent updates
background-image
Initial render
Subsequent updates
If you learnt something from CSS Triggers, you might be interested in my newsletter where I share heaps of handy web development tips.
background-origin
Initial render
Subsequent updates
background-position
Initial render
Subsequent updates
background-repeat
Initial render
Subsequent updates
background-size
Initial render
Subsequent updates
border-bottom-color
Initial render
Subsequent updates
border-bottom-left-radius
Initial render
Subsequent updates
border-bottom-right-radius
Initial render
Subsequent updates
border-bottom-style
Initial render
Subsequent updates
border-bottom-width
Initial render
Subsequent updates
border-collapse
Initial render
Subsequent updates
border-image-outset
Initial render
Subsequent updates
border-image-repeat
Initial render
Subsequent updates
border-image-slice
Initial render
Subsequent updates
border-image-source
Initial render
Subsequent updates
border-image-width
Initial render
Subsequent updates
border-left-color
Initial render
Subsequent updates
border-left-style
Initial render
Subsequent updates
border-left-width
Initial render
Subsequent updates
border-right-color
Initial render
Subsequent updates
border-right-style
Initial render
Subsequent updates
border-right-width
Initial render
Subsequent updates
border-top-color
Initial render
Subsequent updates
border-top-left-radius
Initial render
Subsequent updates
border-top-right-radius
Initial render
Subsequent updates
border-top-style
Initial render
Subsequent updates
border-top-width
Initial render
Subsequent updates
bottom
Initial render
Subsequent updates
box-shadow
Initial render
Subsequent updates
box-sizing
Initial render
Subsequent updates
clear
Initial render
Subsequent updates
clip
Initial render
Subsequent updates
color
Initial render
Subsequent updates
cursor
Initial render
Subsequent updates
direction
Initial render
Subsequent updates
display
Initial render
Subsequent updates
flex-basis
Initial render
Subsequent updates
flex-direction
Initial render
Subsequent updates
flex-grow
Initial render
Subsequent updates
flex-shrink
Initial render
Subsequent updates
flex-wrap
Initial render
Subsequent updates
float
Initial render
Subsequent updates
font-family
Initial render
Subsequent updates
font-kerning
Initial render
Subsequent updates
font-size
Initial render
Subsequent updates
font-style
Initial render
Subsequent updates
font-variant
Initial render
Subsequent updates
font-variant-ligatures
Initial render
Subsequent updates
font-weight
Initial render
Subsequent updates
height
Initial render
Subsequent updates
justify-content
Initial render
Subsequent updates
left
Initial render
Subsequent updates
letter-spacing
Initial render
Subsequent updates
line-height
Initial render
Subsequent updates
list-style-image
Initial render
Subsequent updates
list-style-position
Initial render
Subsequent updates
list-style-type
Initial render
Subsequent updates
margin-bottom
Initial render
Subsequent updates
margin-left
Initial render
Subsequent updates
margin-right
Initial render
Subsequent updates
margin-top
Initial render
Subsequent updates
max-height
Initial render
Subsequent updates
max-width
Initial render
Subsequent updates
min-height
Initial render
Subsequent updates
min-width
Initial render
Subsequent updates
opacity
Initial render
Subsequent updates
order
Initial render
Subsequent updates
orphans
Initial render
Subsequent updates
outline-color
Initial render
Subsequent updates
outline-offset
Initial render
Subsequent updates
outline-style
Initial render
Subsequent updates
outline-width
Initial render
Subsequent updates
overflow-x
Initial render
Subsequent updates
overflow-y
Initial render
Subsequent updates
padding-bottom
Initial render
Subsequent updates
padding-left
Initial render
Subsequent updates
padding-right
Initial render
Subsequent updates
padding-top
Initial render
Subsequent updates
perspective
Initial render
Subsequent updates
perspective-origin
Initial render
Subsequent updates
pointer-events
Initial render
Subsequent updates
position
Initial render
Subsequent updates
resize
Initial render
Subsequent updates
right
Initial render
Subsequent updates
table-layout
Initial render
Subsequent updates
text-align
Initial render
Subsequent updates
text-decoration
Initial render
Subsequent updates
text-indent
Initial render
Subsequent updates
text-rendering
Initial render
Subsequent updates
text-shadow
Initial render
Subsequent updates
text-transform
Initial render
Subsequent updates
top
Initial render
Subsequent updates
transform
Initial render
Subsequent updates
transform-origin
Initial render
Subsequent updates
transform-style
Initial render
Subsequent updates
unicode-bidi
Initial render
Subsequent updates
vertical-align
Initial render
Subsequent updates
visibility
Initial render
Subsequent updates
white-space
Initial render
Subsequent updates
widows
Initial render
Subsequent updates
width
Initial render
Subsequent updates
word-break
Initial render
Subsequent updates
word-spacing
Initial render
Subsequent updates
word-wrap
Initial render
Subsequent updates
z-index
Initial render
Subsequent updates
overflow-wrap
Initial render
Subsequent updates