[Original] css3 draws a picture in just a few simple steps

As shown in the preceding figure, there will be an animation when you move the mouse up.

The Code is as follows:

1 Step 4:

1: first write half side, then copy it under it

2: rotate the lower half side 180 degrees, transform: rotate (180deg );

 

3: You can use the reversed color of css3 for the following half:-webkit-filter: invert (1); but currently only the webkit kernel supports this, so you should write your own css to set the background.

4: copy a complete picture. Note thatStacked togetherAnd set an animation. Here, the animation is enlarged + transparent transform: scale (1.5) rotate (180deg );

 

Okay, that's all. Why do I draw a picture of Qian Kun? It's because I have a Kun in my name.

Haha, it should be idle during the Dragon Boat Festival.