1944977.html (431B)
1 <!DOCTYPE html> 2 <style> 3 @keyframes highlight { 4 to { background-position: 0; } 5 } 6 7 mark { 8 animation: linear forwards highlight; 9 animation-timeline: view(60% 20%); 10 background: linear-gradient(to right, teal 50%, orange 50%); 11 background-position: 100%; 12 background-size: 200% 100%; 13 } 14 </style> 15 <body> 16 <div style="height: 600vh"></div> 17 <div style="content-visibility: auto;"> 18 <p><mark>Text</mark></p> 19 </div> 20 </body>