DEV Community

Discussion on: Build A Cool Thing (Street Fighter Website)

Collapse
 
matthieupetel profile image
Matthieu Pétel

Nice :) The backwards animation is clever!
But instead of making a call to a .svg image for the screen pixels effect, you can simply use a repeating linear background.
Ex : background: repeating-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 2px, transparent 2px, transparent 4px)

Collapse
 
annlin profile image
ann lin

yes yes this is definitely a better approach. :) Gonna update mine