A 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....

A3-digit number should be entered in theCSC box. If something other than a3 digit number is entered, the box should wiggle back and forth to indicate invalid data. That is not currently happening. Open thecode8-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 theCSC
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 (困) !!! $

Extracted 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 (困) !!!

Jun 05, 2022

SOLUTION.PDF

A 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....

Get Answer To This Question

Related Questions & Answers

Submit New Assignment