Adding an Animated Logo to My Blog

Thu, 14 Aug 2025 17:00:00 +0000

That small square in the top-left corner of the site? It’s a video.

Grayscale by default. Lights up on hover — different color every time, and the playback speed surges then eases back down. Like it just woke up.

Why

The old logo was a static PNG. It felt lifeless. I had a short video clip lying around, so I swapped the static image for a video.

CapCut removed the background on export, but mp4 doesn’t support transparency — it gets baked to black.

Wed, 20 Apr 2016 19:33:33 +0000

Mobile website tap highlight or gray background issue

Simply add a class style to the bound event element to make the background transparent when the event is triggered

.class{-webkit-tap-highlight-color:transparent;}