pseudo-animations-print.html (527B)
1 <!DOCTYPE HTML> 2 <html> 3 <link rel="help" href="https://drafts.csswg.org/css-animations/"> 4 <link rel="match" href="pseudo-animations-print-ref.html"> 5 <title>Static CSS animation</title> 6 <style> 7 8 @keyframes a { 9 from, to { color: blue } 10 } 11 12 p { 13 color: olive; 14 animation: a 1s infinite; 15 } 16 p::after { 17 color: purple; 18 content: "(::after)"; 19 animation: a 1s infinite; 20 } 21 22 p::before { 23 color: yellow; 24 content: "(::before)"; 25 animation: a 1s infinite; 26 } 27 28 </style> 29 <p>blue with animation support; olive without</p>