Landscape is the default theme of Hexo 2.4+. I really like the background picture of the header. And I think it will be cool if the stars can rotate slowly in the sky. With CSS animation we can easily implement this idea:
First we need to process the photos. Our goal is to get a clean backgound without stars, a picture of stars with transparent background and a solid image as a mask.
1. To get the background, erase all the stars with the Spot Healing Brush and Clone Stamp tool in Photoshop.
2. The mask is easy, just selete and delete the dark area of the background.
3. The stars are hard to extract. You can try the Magic Wand or Background Eraser tool. And we need to copy the stars several times to get a bigger image so even when it is spinning, the stars can still show up on the background (The size depends on where the center of the rotation is).
4. Setting up CSS and adjust the animation parameters.
The idea in this article is inspired by Joe Howard’s Animating Images With CSS Keyframes. He shows a step-by-step example and the article is really worth reading.