CSS scale() Function Last Updated : 30 Aug, 2024 Comments Improve Suggest changes Like Article Like Report The scale() function is an inbuilt function which is used to resize the element in 2D plane. It scales the elements in horizontal and vertical directions. Syntax:scale( sx )orscale( sx, sy )Parameters:sx: It resizes the elements in horizontal plane.sy: It resizes the elements in vertical plane. If value of sy is not defined then the resize the element sx in both direction (horizontal and vertical).Below examples illustrate the scale() function in CSS: Example 1: html <!DOCTYPE html> <html> <head> <title>CSS scale() function</title> <style> body { text-align:center; } h1 { color:green; } .scale_image { transform: scale(1.5); } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>CSS scale() function</h2> <br><br> <img class="scale_image" src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GeeksforGeeks logo"> </body> </html> Output: Example 2: html <!DOCTYPE html> <html> <head> <title>CSS scale() function</title> <style> body { text-align:center; } h1 { color:green; } .GFG { font-size:35px; font-weight:bold; color:green; transform: scale(1, 2); } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>CSS scale() function</h2> <div class="GFG">Welcome to GeeksforGeeks</div> </body> </html> Output: Supported Browsers: The browsers supported by scale() function are listed below:Google Chrome 1Edge 12Internet Explorer 9Firefox 3.5Safari 3.1Opera 10.5 Comment More infoAdvertise with us J jit_t Follow Improve Article Tags : Web Technologies CSS CSS-Functions Explore CSS Tutorial 7 min read CSS Introduction 4 min read CSS Syntax 2 min read CSS Selectors 7 min read CSS Comments 2 min read CSS Colors 5 min read CSS Borders 5 min read CSS Margins 4 min read CSS Height and Width 4 min read CSS Outline 4 min read Like