Open the code8-4_debug.css file and study the code that applies the animation effect to the form#payment object and the h1 element. Fix any mistakes in the code that you find and verify that the opening of the page runs the drop-in and slight-right animations.

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

Open the code8-4_debug.css file and study the code that applies the animation effect to the form#payment object and the h1 element. Fix any mistakes in the code that you find and verify that the opening of the page runs the drop-in and slight-right animations.

code8-4.html
code8-4_debug.css x
code8-4_styles.css
11
12 */
13
14 @keyframes drop-down {
15
0% {top: -200px;}
16
100% {top: 100px;}
17 }
18
19 @keyframes slide-right {
0% {left: -400px;}|
100% {left: 0px;}
20
21
22 }
23
24 form#payment {
25
animation: dropdown 3s;
26 }
27
28 h1 {
29
animation: slide-right easein 3s;
30 }
31
32 input#cardBox, input#csc {
box-shadow: Opx Opx ®px
33
|brown;
34
transition: box-shadow 1sec linear;
35 }
Transcribed Image Text:code8-4.html code8-4_debug.css x code8-4_styles.css 11 12 */ 13 14 @keyframes drop-down { 15 0% {top: -200px;} 16 100% {top: 100px;} 17 } 18 19 @keyframes slide-right { 0% {left: -400px;}| 100% {left: 0px;} 20 21 22 } 23 24 form#payment { 25 animation: dropdown 3s; 26 } 27 28 h1 { 29 animation: slide-right easein 3s; 30 } 31 32 input#cardBox, input#csc { box-shadow: Opx Opx ®px 33 |brown; 34 transition: box-shadow 1sec linear; 35 }
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps with 3 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY