JavaScript Apps · Lesson 14 of 30

Three Moves

Lesson 14 · 3️⃣ Three Moves

Rotate, scale and skew: three moves, one after another.

0 / 11

1
Type this next
Type var img = $('panda'); - find Bamboo (class panda) and keep him in a variable called img
2
Type img.rotate({ - start a rotate move
3
Type degrees: 20, - how far to turn, in degrees - 360 is one whole spin
4
Type seconds: 1}); - the move takes 1 second, then close the brackets
5
Type img.scale({ - start a scale move to change his size
6
Type scalar: 2, - how many times bigger - 2 makes him twice as big
7
Type seconds: 1}); - the move takes 1 second, then close the brackets
8
Type img.skew({ - start a skew move to slant him
9
Type xDegrees: 50, - lean the sides by 50 degrees
10
Type yDegrees: 10, - tilt the top and bottom by 10 degrees
11
Type seconds: 1}); - the move takes 1 second, then close the brackets

Your code · JS

Type var img = $('panda'); - find Bamboo (class panda) and keep him in a variable called img

Your page

📄 Untitled

🔒 www.my-codemoji-page.com