re: Creating Pixel Art with CSS VIEW POST

re: Yes! Another fun fact for you: the box-shadow property can be animated. Which means you can make moving pixels like this:

From what I understand, this article is about creating an illusion of transforming box-shadow by changing it's opacity.
The problem with animating box-shadow is that it triggers repaints on every change.

Good catch! Looks like I wasn't paying close enough attention. That said, if your animation has two states, one way to approach it would be to have two pseudo elements (::before for default state & ::after for 2nd state) with box-shadow applied and alternate the opacity on those.

Or just make a gif. :)

code of conduct - report abuse