Masking an image to the background of text using gif as well so the image in the background is animated style text padding 10px background url https notebook xbdev net var images cattyping gif background size cover background position center webkit background clip text color 00000047 text transform uppercase font size 8rem font weight 900 font family Righteous cursive letter spacing 1px webkit user select none moz user select none ms user select none user select none text align center style h1 class text WEB DEV TRICK h1 style text padding 10px background url https notebook xbdev net var images test512 png background size cover background position 10px 10px webkit background clip text background attachment fixed color 00000047 text transform uppercase font size 8rem font weight 900 font family Righteous cursive letter spacing 1px text align center position absolute left 40px top 50px transition all 1s ease out style div class text id text WEB DEV TRICK div script let ypos 0 text document getElementById text setInterval text style top ypos 2 0 0 100 px ypos 1 1200 script style wiggletext padding 10px background url https notebook xbdev net var images test512 png background size cover background position 10px 10px webkit background clip text background attachment fixed color 00000047 text transform uppercase font size 8rem font weight 900 font family Righteous cursive letter spacing 1px text align center position absolute left 40px top 50px transition all 1s ease out animation wiggle 3s linear infinite keyframes wiggle 0 left 40px 50 left 120px 100 left 40px style div class wiggletext WEB DEV TRICK div
ext align center position absolute left 40px top 50px transition all 1s ease out style div class text id text WEB DEV TRICK div script let ypos 0 text document getElementById text setInterval text style top ypos 2 0 0 100 px ypos 1 1200 script style wiggletext padding 10px background url https notebook xbdev net var images test512 png background size cover background position 10px 10px webkit background clip text background attachment fixed color 00000047 text transform uppercase font size 8rem font weight 900 font family Righteous cursive letter spacing 1px text align center position absolute left 40px top 50px transition all 1s ease out animation wiggle 3s linear infinite keyframes wiggle 0 left 40px 50 left 120px 100 left 40px style div class wiggletext WEB DEV TRICK div