Hi What is the error present in this code? 1) There should be an brace for the sample declaration block. 2) The font-size declaration should not use a hypen 3) There should not be “ “after id. 4) There should not be semicolon after red.

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter4: Graphic Design With Css: Creating A Graphic Design For A Genealogy website
Section: Chapter Questions
Problem 12CP3
icon
Related questions
Question

<style>
#sample {
  color: red;
  font-size: 50pt;
  position: absolute;
  left: 0px;
  top: 0px;
  animation-name: move;
  animation-duration: 3s;
}

@keyframes move {
  0% {color: red; left: 0px; top: 0px; }
  50% { color: blue; left: 200px; top: 0px; }
  100% { color: red; left: 0px; top: 0px; }
}
</style>
<div id="sample">Hi </div>

What is the error present in this code? 1) There should be an brace for the sample declaration block. 2) The font-size declaration should not use a hypen 3) There should not be “ “after id. 4) There should not be semicolon after red.

Expert Solution
steps

Step by step

Solved in 6 steps with 2 images

Blurred answer
Knowledge Booster
Form and its Elements
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning