Hello! To achieve that, we can employ scale() CSS function: transform: scale() with negative scaling. Syntax: transform: scale(bothAxesScaling) Or: transform: scale(horizontalScaling, verticalScaling) bothAxesScaling , horizontalScaling , and verticalScaling can be numbers or percentages. For example: /* Both axes (x and y) are scaled similarly. */ transform: scale(1.2); /* Both axes are scaled independently. */ transform: scale(1.2, 50%); transform: scale(-1, 0.25); /* And so on. */ There are also scaleX() and scaleY() . They are dedicated to each axis. transform: scaleX(number or percentage) Scales the element along the horizontal (x) axis. transform: scaleY(number or percentage) Scales the element along the vertical (y) axis. In this post, let's simply try the scale() function. Let's Try I have a penguin image: Then I flip the image ho...
Reflections on ECMAScript (JavaScript), CSS, HTML, Blogger, technical fixes, literature, music, cinema, entertainment in general, the English language, mathematics, history, trousers-related, and curiosities of the realm.