1415987-1.html (799B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 div { 5 position: absolute; 6 top: 0; 7 left: 0; 8 } 9 10 #pt { 11 scale: 12; 12 } 13 14 #pp { 15 /*animation: flyR 1s infinite;*/ 16 animation-iteration-count: infinite; 17 animation-duration: 1s; 18 animation-name: flyR; 19 animation-timing-function: steps(2, end) 20 } 21 22 @keyframes flyR { 23 from { 24 scale: 0.51; 25 } 26 27 1% { 28 scale: 12; 29 } 30 31 32 50% { 33 scale: 12; 34 } 35 36 to { 37 scale: 12; 38 } 39 } 40 41 </style> 42 </head> 43 <body> 44 <div> 45 <svg width="600px" height="600px"> 46 47 <text id="pp" x="10" y="16" font-size="12">some text</text> 48 <text id="pt" x="10" y="16" font-size="12">some text</text> 49 <rect fill="#DAD6CC" width="600" height="100"></rect> 50 <rect fill="#DAD6CC" width="120" height="400"></rect> 51 52 </svg> 53 </div> 54 </body></html>