Why do I need this blog? Just as a Chinese centence says:" If you want to really control some simple but branched parts, do not try to just remember them directly, but summary them to find their commonness and difference".
OK, I dont know what's your feeling, but when I am coding css3 but dont remember which attribute should be written as a special grammar individually for a special browser, I will be in a fret. On one hand, I blame the poor memory, on the other hand, I just want to summary them, as a graph in mind to help me remember them. So... begin !
(1) Only -webkit-.
writing-mode
flex
flex-grow
flex-shrink
flex-basis
flex-flow
flex-direction
flex-wrap
align-content
align-items
align-self
justify-content
order
(2) -webkit- and -moz-
background-origin
background-clip
background-size
box-sizing
appearance
@keyframes
columns
columns-width
columns-count
columns-gap
columns-rule
columns-rule-width
columns-rule-style
columns-rule-color
columns-fill
transition
transition-property
transition-duration
transition-timing-function
transition-delay
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-play-state
animation-fill-mode
(2) -webkit- , -moz- and -ms-
transform
transform-origin
transform-style
perspective
perspective-origin
backface-visibility
border-radius
border-shadow /* if you want your code more compatible, dont be lazy */