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:

Comparing Cms Options For Django: Wagtail Vs Django Cms

Wagtail vs. Django CMS: Comparing CMS options for Django

Selecting a CMS for Django can be challenging. Two popular options are Wagtail and Django CMS. Let’s explore their features, pros, and cons.

Chimezie Innocent
Jun 25, 2024 ⋅ 6 min read
Handling File Uploads In Next.js Using UploadThing

Handling file uploads in Next.js using UploadThing

Manage file uploads in your Next.js app using UploadThing, a file upload tool to be used in full-stack TypeScript applications.

Jude Miracle
Jun 21, 2024 ⋅ 15 min read
Exploring Advanced Support For Vite 5 In Storybook 8

Exploring advanced support for Vite 5 in Storybook 8

Explore the latest updates in Storybook 8, focusing on its improved support for Vite 5 as a build tool.

Will Soares
Jun 20, 2024 ⋅ 5 min read
Using Next Js With React Suspense To Create A Loading Component

Using Next.js with Suspense to create a loading component

Next.js 13 introduced some new features like support for Suspense, a React feature that lets you delay displaying a component until the children have finished loading.

Suraj Vishwakarma
Jun 19, 2024 ⋅ 9 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