body
h1 Hover me
View Compiled
body
height 100vh
display flex
justify-content center
align-items center
font-family -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
font-size 5vw
background black
h1
transition all ease 2s
position relative
color #0F0
text-align center
font-weight 900
font-style italic
mix-blend-mode screen
cursor default
&:before, &:after
left 0
content 'Hover me'
position absolute
mix-blend-mode inherit
&:before
color #F00
&:after
color #00F
&:hover
&:before, &:after
animation move infinite alternate linear .2s
&:after
animation-delay .2s
@keyframes move
0%
transform translate(-.2%, -.2%) scale(1.01)
25%
transform translate(.2%, .20%)
50%
transform translate(.20%, -.2%)
100%
transform translate(-.2%, .20%) scale(0.99)
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.