How to realize Tai Chi Graphics with css

This article mainly introduces css how to achieve tai chi graphics, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Taiji # yin-yang {width: 96px; box-sizing: content-box; height: 48px; background: # eee; border-color: red; border-style: solid; border-width: 2px 2px 50px 2px; border-radius: 100%; position: relative;} # yin-yang:before {content: "; position: absolute; top: 50%; left: 0; background: # eee; border: 18px solid red; border-radius: 100%; width: 12px Height: 12px; box-sizing: content-box;} # yin-yang:after {content: "; position: absolute; top: 50%; left: 50%; background: red; border: 18px solid # eee; border-radius: 100%; width: 12px; height: 12px; box-sizing: content-box } Thank you for reading this article carefully. I hope the article "how to achieve Tai Chi Graphics in css" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!