Last time, you learned how to edit colors, text values, and images of a webpage using HTML code. This time, we'll hack a rainbow animation effect using CSS3 code.
Hack a rainbow animation into a website:
CSS3 refers to the newest and latest version of CSS. With CSS3 there are great improvements to animations and visual effects.
Here is a CSS3 animation:
In this Hack session, you will hack a rainbow animation into a website by editing the HTML and CSS3 code:
Open Inspect Element:
Do I need to type the dot?
Yes. This is how we call the class name in the HTML. Although we are creating a new CSS style, we are calling an HTML class name using the dot.
Press Enter to create empty space inside of the curly brackets:
You have hacked the logo of this website to animate a rainbow color using CSS3 code. Nice work!
Created over 3 years ago
Teach coding to your students with MVCode Teach
MVCode offers an integrated product designed to teach coding to students.
Learn more about MVCode Teach