Now you can even create a video background just with CSS!! Who would have told us that 15 years ago, huh?

And because CSS has gotten so powerful, you can create some great-looking CSS background effects without needing a single line of JavaScript. Of course, if you’d rather use something more personal, any Live Photos you’ve taken yourself can also be set as animated wallpaper in the same way.You can use a CSS background animation to help your site stand out from the crowd, emphasize your branding, or simply look awesome.

That’s it! Now you’ll have a cool Lock Screen photo that moves when you press it. (Note that you can set a Live Photo as a Home Screen background too, but it won’t animate). Hit Set when you’re finished and then Set Lock Screen. You can preview the animation by pressing and holding the screen and resize the clip if you want to. Tap All Photos and choose the Live Photo you just saved. Now you can head back to the Wallpaper section of the Settings app and hit Choose a New Wallpaper. This will save the clip to your camera roll as a Live Photo rather than a video file – exactly what we need to use it as a moving background. Once you find a video you like, tap the share button (the arrow on the right-hand side) and choose Live Photo from the options presented. Some TikTok users specialize in uploading these clips, and you can follow them to add new Lock Screen ideas to your feed on a regular basis. You’ll even find clips that look innocent but show funny messages when you touch the screen, which you can use to surprise and delight your friends. Scroll through the list until you find something you like the look of – there’s a good range here, from popular movie scenes to inspiring landscapes to cool slo-mo videos. Tap the search button in the top right and type in “live wallpaper” to search for videos suitable for our purposes. (You can use Apple’s free burner email feature for a level of anonymity if desired). Open TikTok and sign up for a free account if prompted.

Cool live backgrounds