Learning CSS bored you? This issue of Mengmeng brings you 8 god-level websites that learn CSS while playing! Help you improve your interest in learning and problem-solving skills through interesting and fun games.
The websites recommended in this issue are basically in English. If you need Chinese, use Chrome or MS Edge browser to open, click the right mouse button on the page to translate into Chinese ~
Not much to say, let's take a look~
NO.01
CSS Challenge - Unleash Your CSS Skills! The game is divided into five levels, see which level you are in~
NO.02
Here you can write CSS code to grow a carrot garden! There are 28 levels in total, let's see if you can pass them all!
NO.03
https://ilyashubin.github.io/FilterBlend/
CSS style blend mode and filter amusement park, inspire your CSS creativity!
NO.04
The CSS browser for animation courses! Learn the basics of object animation in CSS while playing the game.
NO.05
CSS golf game is here! Use CSS skills to replicate goals with as little code as possible. Feel free to check out the targets below and test your CSS skills.
NO.06
https://www.codingame.com/start
Have fun while improving your programming skills with CodinGame.
NO.07
Learn CSS programming codes by playing games. There are three levels of difficulty, each with 24 levels. Do you dare to challenge?
NO.08
https://knightsoftheflexboxtable.com/
This game can help you learn different aspects of the Flex Box specification, a total of 18 levels.
你在该游戏中写CSS类时，不是用原生写的，而是用Tailwind，一举两得，既能学习Flex，又能学习Tailwind。
本期就到这里，赶紧上手体验吧！