So I’ve decided to go through a book - cover to cover covering some int-adv animations. And i’m touching on EVERY example. No matter how rudimentary or obvious it may seem. You know, like stretching before a game of bball. Well. thank the lord I did… I have this silly bit of code that has been throwing me for a loop.
I’m just trying to skew this img positively in the x direction aaaaaaaand, it’s working - but backwards.
What the hell?? Is there something i’m not seeing here??
<!DOCTYPE html>
<html>
<head>
<title>Simple CSS3 Transformation</title> </head>
<body>
<img src=“img/blackmilk.jpg” alt=“Black Milk” style=“width: 300px; height: 300px; float: left; margin: 0 2em 1.4em 0;
-moz-transform: skewX(21deg); -o-transform: skewX(21deg);
-ms-transform: skewX(21deg); -webkit-transform: skewX(21deg);
transform: skewX(21deg);”>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper.</p>
</body>
</html>
simple: img. content, some inline css, and it’s leaning left instead of right.
And this is not the only bit. Some of my other examples aren’t working either (scaling). So there must be something wrong here.
?