doc_keyframeLineNumbers.html (677B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>keyframe line numbers test</title> 6 <style type="text/css"> 7 div { 8 animation-duration: 1s; 9 animation-iteration-count: infinite; 10 animation-direction: alternate; 11 animation-name: CC; 12 } 13 14 span { 15 animation-duration: 3s; 16 animation-iteration-count: infinite; 17 animation-direction: alternate; 18 animation-name: DD; 19 } 20 21 @keyframes CC { 22 from { 23 background: #ffffff; 24 } 25 to { 26 background: #f06; 27 } 28 } 29 30 @keyframes DD { 31 from { 32 background: seagreen; 33 } 34 to { 35 background: chartreuse; 36 } 37 } 38 </style> 39 </head> 40 <body> 41 <div id="outer"> 42 <span id="inner">lizards</div> 43 </div> 44 </body> 45 </html>