Skip to content
This repository has been archived by the owner on Aug 29, 2024. It is now read-only.

Latest commit

 

History

History
129 lines (128 loc) · 3.57 KB

transforms.md

File metadata and controls

129 lines (128 loc) · 3.57 KB

Frequencies of transform functions in the CSS scraped from the top 50000 websites

transform
    40 ::: perspective(400px)
    16 ::: scale(1)
    13 ::: rotate(45deg)
    12 ::: translate(0, -142%)
     9 ::: translateY(-50%)
     9 ::: perspective(350px)
     8 ::: translateZ(0)
     7 ::: scale3d(1, 1, 1)
     7 ::: rotate(3deg)
     7 ::: rotate(0deg)
     7 ::: rotate(-3deg)
     7 ::: rotate(0)
     7 ::: rotate(-45deg)
     6 ::: translate3d(0, 0, 0)
     6 ::: scale3d(0.475, 0.475, 0.475)
     6 ::: translateX(-50%)
     6 ::: scale3d(0.1, 0.1, 0.1)
     5 ::: scale3d(1.1, 1.1, 1.1)
     5 ::: translate3d(100%, 0, 0)
     5 ::: translateY(0)
     5 ::: scale(1.1)
     5 ::: translate(-50%, -50%)
     4 ::: rotateY(0)
     4 ::: scale(0.1)
     4 ::: translateX(0%)
     4 ::: rotate(120deg)
     4 ::: scale(0.9)
     4 ::: rotate(180deg)
     4 ::: translateZ(150px)
     4 ::: translate3d(0, 0, 150px)
     3 ::: scale(1, 1)
     3 ::: translate3d(-100%, 0, 0)
     3 ::: rotate(30deg)
     3 ::: rotate3d(0, 0, 1, -3deg)
     3 ::: scaleY(1)
     3 ::: translateY(-10px)
     3 ::: rotate(60deg)
     3 ::: rotateY(360deg)
     3 ::: rotateX(0)
     3 ::: rotate(-5deg)
     3 ::: rotate(90deg)
     3 ::: rotate(-1deg)
     3 ::: rotate(2deg)
     3 ::: translateY(50%)
     3 ::: translate(0, 0)
     3 ::: scale3d(0.9, 0.9, 0.9)
     3 ::: translateX(100%)
     3 ::: scaleY(0.25)
     3 ::: rotate(1deg)
     3 ::: translate3d(0, -14px, 0)
     2 ::: translateY(100%)
     2 ::: translateX(20px)
     2 ::: scale(1.15)
     2 ::: rotate3d(1, 0, 0, 90deg)
     2 ::: rotate(360deg)
     2 ::: scale(0.75)
     2 ::: rotate(270deg)
     2 ::: rotate3d(0, 1, 0, 90deg)
     2 ::: translate(0, -50%)
     2 ::: translateY(4px)
     2 ::: translateX(0)
     2 ::: translateX(-100%)
     2 ::: translate3d(2000px, 0, 0)
     2 ::: rotateY(-5deg)
     2 ::: skewX(30deg)
     2 ::: skewX(-30deg)
     2 ::: translateX(2px)
     2 ::: rotate3d(0, 0, 1, -5deg)
     2 ::: rotateY(180deg)
     2 ::: skewX(-15deg)
     2 ::: scale3d(0.95, 0.95, 0.95)
     2 ::: translate3d(-2000px, 0, 0)
     2 ::: translateY(0px)
     2 ::: skewX(0deg)
     2 ::: translate3d(0, 2000px, 0)
     2 ::: rotate3d(0, 0, 1, 3deg)
     2 ::: scaleX(1)
     2 ::: translate3d(0, -2000px, 0)
     2 ::: translateY(10px)
     2 ::: rotate(10deg)
     2 ::: translate3d(-10px, 0, 0)
     2 ::: translate(0, -6px)
     2 ::: scale(0.95)
     2 ::: scale(1.5)
     2 ::: rotate(-40deg)
     2 ::: rotate(40deg)
     2 ::: translate(0, -4px)
     2 ::: translate3d(10px, 0, 0)
     2 ::: translateY(-4px)
     2 ::: translateX(-1px)
     2 ::: translateY(3px)
     2 ::: rotate(1turn)
     2 ::: translateX(-3px)
     2 ::: translate3d(-5%, 0, 0)
     2 ::: translateY(-20px)
     2 ::: translate3d(10%, 0, 0)
     2 ::: translate(-50%, 0)
     2 ::: translate3d(-15%, 0, 0)
     2 ::: scale(0)
     2 ::: translate3d(20%, 0, 0)
     2 ::: translate3d(-25%, 0, 0)
     2 ::: rotate(-120deg)
     2 ::: translate3d(-50%, -50%, 0)
     2 ::: translate3d(0, -15px, 0)
     2 ::: rotate(-10deg)
     2 ::: rotate3d(0, 1, 0, -170deg)
     2 ::: rotate3d(0, 1, 0, -190deg)
     2 ::: rotate3d(0, 1, 0, -360deg)
     2 ::: translate3d(-4px, 0, 0)
     2 ::: translateY(0%)
     2 ::: translateY(6px)
     2 ::: translateX(50%)
     2 ::: translateY(20px)
     2 ::: rotate(330deg)
     2 ::: rotate(300deg)
     2 ::: rotate(240deg)
     2 ::: rotate(210deg)
     2 ::: rotate(150deg)
     2 ::: scale(1.2, 1.2)
     2 ::: translateX(-12px)
     2 ::: translateX(12px)
     2 ::: rotate(-90deg)
     2 ::: perspective(2500px)
     2 ::: rotate3d(0, 1, 0, 0deg)