In a web browser go to:
rpf.io/web-animate
Find
Add a heading inside:
<h1> </h1>
. Add a heading inside:
<h1>Animation</h1>
Insert a class to animate the heading:
<h1 class="movemeleft">Animation</h1>
Find
the following line of code:
<img class="" src="rocket.png">
.
Insert a class to animate the image:
<img class="bounceme" src="rocket.png">
.
Choose:
spinme
, bounceme
,
scaleme
, rollmeleft
, rollmeright
movemeleft
, movemeright
.
repeat Repeat for the other four images.
Extra: Add more sections of animated images to your page:
Choose from:
<section class="wrap xcenter">
<img class="scaleme" src="stress.png">
</section>
bus.png
, mouse.png
,
explorer.png
, stress.png
,space.png