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

  • 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éviationrésultat
@kf@-webkit-keyframes identifier {
from { }
to { }
}
@m, @media@media screen { }

Animation

abréviationrésultatabréviationrésultat
animanimation:;animpsanimation-play-state:running;
anim-animation:name duration timing-function delay iteration-count direction fill-mode;animps:panimation-play-state:paused;
animdelanimation-delay:time;animps:ranimation-play-state:running;
animdiranimation-direction:normal;animtfanimation-timing-function:linear;
animduranimation-duration:0s;animtf:cbanimation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);
animfmanimation-fill-mode:both;animtf:eanimation-timing-function:ease;
animdir:aanimation-direction:alternate;animtf:eianimation-timing-function:ease-in;
animdir:aranimation-direction:alternate-reverse;animtf:eioanimation-timing-function:ease-in-out;
animicanimation-iteration-count:1;animtf:eoanimation-timing-function:ease-out;
animnanimation-iteration-count:infinite;animtf:lanimation-timing-function:linear;
animic:ianimation-name:none;

Transform, Transition

abréviationrésultatabréviationrésultat
trftransform:;trf:t3transform: translate3d(tx, ty, tz);
trf:rtransform: rotate(angle);trf:txtransform: translateX(x);
trf:rxtransform: rotateX(angle);trf:tytransform: translateY(y);
trf:rytransform: rotateY(angle);trf:tztransform: translateZ(z);
trf:rztransform: rotateZ(angle);trfotransform-origin:;
trf:sctransform: scale(x, y);trfstransform-style:preserve-3d;
trf:sc3transform: scale3d(x, y, z);trstransition:prop time;
trf:scxtransform: scaleX(x);trsdetransition-delay:time;
trf:scytransform: scaleY(y);trsdutransition-duration:time;
trf:scztransform: scaleZ(z);trsptransition-property:prop;
trf:skxtransform: skewX(angle);trstftransition-timing-function:tfunc;
trf:skytransform: skewY(angle);ususer-select:${none};
trf:ttransform: translate(x, y);wfsm-webkit-font-smoothing:${antialiased};