Emmet – raccourcis css – @-webkit-keyframes, @media screen, Animation, Transform, Transition

Introduction

CSS module uses fuzzy search to find unknown abbreviations,
e.g. ov:h == ov-h == ovh == oh.
If abbreviation wasn’t found, it is transformed into property name: foo-bar → foo-bar: |;
You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo

@-webkit-keyframes, @media screen { }

abréviation résultat
@kf 
@-webkit-keyframes identifier {
  from { }
  to { }
}

**
@m, @media 
@media screen { }

Animation

abréviation résultat abréviation résultat
anim 
animation:;

**

 anim- 
animation:name duration timing-function delay iteration-count direction fill-mode;

**
animdel 
animation-delay:time;

**

 animdir 
animation-direction:normal;

**
animdur 
animation-duration:0s;

**

 animfm 
animation-fill-mode:both;

**
animdir:a 
animation-direction:alternate;

**

 animdir:ar 
animation-direction:alternate-reverse;

**
animic 
animation-iteration-count:1;

**

 animn 
animation-iteration-count:infinite;

**
animic:i 
animation-name:none;

**

 animps 
animation-play-state:running;

**
animps:p 
animation-play-state:paused;

**

 animps:r 
animation-play-state:running;

**
animtf 
animation-timing-function:linear;

**

 animtf:cb 
animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);

**
animtf:e 
animation-timing-function:ease;

**

 animtf:ei 
animation-timing-function:ease-in;

**
animtf:eio 
animation-timing-function:ease-in-out;

**

 animtf:eo 
animation-timing-function:ease-out;

**
animtf:l 
animation-timing-function:linear;

**

Transform, Transition

abréviation résultat abréviation résultat
trf 
transform:;

**

 trf:r 
transform: rotate(angle);

**
trf:rx 
transform: rotateX(angle);

**

 trf:ry 
transform: rotateY(angle);

**
trf:rz 
transform: rotateZ(angle);

**

 trf:sc 
transform: scale(x, y);

**
trf:sc3 
transform: scale3d(x, y, z);

**

 trf:scx 
transform: scaleX(x);

**
trf:scy 
transform: scaleY(y);

**

 trf:scz 
transform: scaleZ(z);

**
trf:skx 
transform: skewX(angle);

**

 trf:sky 
transform: skewY(angle);

**
trf:t 
transform: translate(x, y);

**

 trf:t3 
transform: translate3d(tx, ty, tz);

**
trf:tx 
transform: translateX(x);

**

 trf:ty 
transform: translateY(y);

**
trf:tz 
transform: translateZ(z);

**

 trfo 
transform-origin:;

**
trfs 
transform-style:preserve-3d;

**

 trs 
transition:prop time;

**
trsde 
transition-delay:time;

**

 trsdu 
transition-duration:time;

**
trsp 
transition-property:prop;

**

 trstf 
transition-timing-function:tfunc;

**
us 
user-select:${none};

**

 wfsm 
-webkit-font-smoothing:${antialiased};

**