3-digit number

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

3-digit number should be entered in the CSC box. If something other than a 3 digit number is entered, the box should wiggle back and forth to indicate invalid data. That is not currently happening. Open the code8-4_debug.css file. Study the code that applies the transition effect to the input#csc object when invalid data is entered. Correct any mistakes in the code that you find. Verify that when you enter invalid data in the CSC box, the box wiggles back and forth to indicate that the data is not valid.

FILETREE
code8-4.html
code8-4_debug.css x
code8-4_styles.css
+
-/workspace
29
animation: slide-right easein 3s;
2 amex.png
30 }
A code8-4.html
A code8-4_debug.css
A code8-4_styles.css
A discover.png
31
32 input#cardBox, input#csc {
33
box-shadow: Opx Opx Opx
Ibrown;
</>
34
transition: box-shadow 1sec linear;
e master.png
35 }
A visa.png
36
37 input#cardBox:focus, input#csc:focus {
box-shadow: Өрх Өрх 25рх
|brown;
38
39 }
40
41 input#csc:invalid {
transform: translatex(5px) skewx (20deg) rotate(1deg);
box-shadow: Орх Орх 10рх
42
43
Ired;
44
transition: transformation 1sec cubicbezier(0,5,1,-5);
45 }
46
47 input#csc:focus:invalid {
48
transform: translatex(@px) skewx(@deg) rotate(@deg);
transform-origin: bottom;
box-shadow: Opx Opx Opx Ired;
49
50
51
52 }
53
(困)
!!!
Transcribed Image Text:FILETREE code8-4.html code8-4_debug.css x code8-4_styles.css + -/workspace 29 animation: slide-right easein 3s; 2 amex.png 30 } A code8-4.html A code8-4_debug.css A code8-4_styles.css A discover.png 31 32 input#cardBox, input#csc { 33 box-shadow: Opx Opx Opx Ibrown; </> 34 transition: box-shadow 1sec linear; e master.png 35 } A visa.png 36 37 input#cardBox:focus, input#csc:focus { box-shadow: Өрх Өрх 25рх |brown; 38 39 } 40 41 input#csc:invalid { transform: translatex(5px) skewx (20deg) rotate(1deg); box-shadow: Орх Орх 10рх 42 43 Ired; 44 transition: transformation 1sec cubicbezier(0,5,1,-5); 45 } 46 47 input#csc:focus:invalid { 48 transform: translatex(@px) skewx(@deg) rotate(@deg); transform-origin: bottom; box-shadow: Opx Opx Opx Ired; 49 50 51 52 } 53 (困) !!!
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 5 steps

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