Question
Copy the text below into Notepad to create a basic HTML webpage. We will apply CSS to this code. !DOCTYPE html html head style div
Copy the text below into Notepad to create a basic HTML webpage. We will apply CSS to this code. !DOCTYPE html html head style div { width: 100px; height: 100px; background-color: blue; border: 1px solid black; } /style /head body div This is a div element/div /body /html Your tasks for this Critical Thinking activity are: With the transform property, move the div element 100px to the right, and 200px down. With the transform property, rotate the div element 150 degrees around its X-axis. With the transform property, rotate the div element 120 degrees around its Y-axis. With the transform property, rotate the div element 90 degrees around its Z-axis. Add a two-second animation for the div element, which changes the color from blue to red. Call the animation "example". Add the following five steps to the animation "example" (using 0%, 25%, 50%, 75%, and 100%): 0% - Set background color to "blue", left position to "0px", top position to: "0px" 25% - Set background color to "red", left position to "0px", top position to: "200px" 50% - Set background color to "green", left position to "200px", top position to: "200px" 75% - Set background color to "yellow", left position to "200px", top position to: "0px" 100% - Set background color to "blue", left position to "0px", top position to: "0px". Specify that the animation of the div element should have a "1" second delay before starting.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started