The latest articles on DEV Community by Yohem (@yohem). https://dev.to/yohem https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F993557%2Ff7b62a94-585d-40d0-8340-ce0154024ab7.png https://dev.to/yohem en Yohem Tue, 20 Dec 2022 14:48:41 +0000 https://dev.to/yohem/why-use-transform-on-a-animationtransitionjseffect-1jan https://dev.to/yohem/why-use-transform-on-a-animationtransitionjseffect-1jan <p>It's very important if You want move or deform element in <strong>animation</strong> to use the <strong>CSS property</strong> <code>transform</code>.<br> <code>transform</code> is an basic <strong>CSS property</strong> to move a element but they are also other property like (top, right ..., margin, ...). The other properties work for animation but they are an bigger impact for the DOM and they can slow down web's performance.</p> <p>So if you want the <strong>better performance</strong> for your web site you need to use <code>transform</code>, extra if you want deform like <strong>rotation</strong>, <strong>scale *<em>or use *</em>"3D"</strong>.</p> watercooler