2019-12-27
821
#css
Maks Akymenko
11630
Dec 27, 2019 β‹… 2 min read

How to create a yin-yang symbol with pure CSS

Maks Akymenko I am a frontend developer πŸ‘¨πŸ»β€πŸ’» based in Krakow, Poland.

Recent posts:

DesignCoder and the future of AI-generated UI

From sketches to code in minutes, DesignCoder shows how AI-generated, hierarchy-aware UIs could change the way developers prototype and ship apps.

Rosario De Chiara
Oct 7, 2025 β‹… 5 min read

Would You Use If() functions in CSS?

It’s 2025, and CSS finally thinks logically. The if() function brings real conditional styling β€” no hacks, no JS workarounds. Here’s how to use it right.

Ikeh Akinyemi
Oct 7, 2025 β‹… 16 min read
Typescript or Zod for Validation?

TypeScript vs Zod: Clearing up validation confusion

Learn when to use TypeScript, Zod, or both for data validation. Avoid redundant checks and build safer, type-sound applications.

Alexander Godwin
Oct 6, 2025 β‹… 3 min read
Wasm 3 Before GTA 6 LogRocket Article

We got Wasm 3.0 before GTA 6: Meet the web’s new engine

Discover how WebAssembly 3.0’s garbage collector, exception handling, and Memory64 transform Wasm into a true mainstream web platform.

Ikeh Akinyemi
Oct 3, 2025 β‹… 2 min read
View all posts

2 Replies to "How to create a yin-yang symbol with pure CSS"

  1. You already have `infinite` in your `animation`, you don’t need more than `360deg` (or even better `1 turn`) You probably want to use ‘linear’ timing function though. I’d also recommend to stick to shorthand properties order as recommended in spec

Leave a Reply