The latest articles on Forem by RIZKI GG (@rizki_gg_588cc6f011f3f4b6). https://forem.com/rizki_gg_588cc6f011f3f4b6 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1726207%2Ff59b9701-da97-4761-a30b-44225ed15964.png https://forem.com/rizki_gg_588cc6f011f3f4b6 en RIZKI GG Fri, 26 Jul 2024 21:24:29 +0000 https://forem.com/rizki_gg_588cc6f011f3f4b6/glitched-text-study-of-the-verge-4pjj https://forem.com/rizki_gg_588cc6f011f3f4b6/glitched-text-study-of-the-verge-4pjj <p>The Verge is using centent: attr(data-text); to make sudo-element copy of the text. I decided to try something a bit different and use some simple JQuery to copy the element instead.<br> The text-shadow works slightly different too since I am only copying the elements once, I am layering the text shadows to give it that RGB/CRT flicker.<br> The keyframe animations are copied and altered. <br> Great work to the Vox team, the story and development are wonderful. You are a constant inspiration.</p> <p><iframe height="600" src="https://codepen.io/RIZKI-GG/embed/YzoppjZ?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen