Tag

Pure CSS

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 28, 2023 · Frontend Development

Creating a Beautiful Mid‑Autumn Festival Card with Pure CSS

This article walks through a step‑by‑step pure‑CSS implementation of a Mid‑Autumn Festival greeting card, covering animated cloud backgrounds, a glowing cut‑out moon with text, flashing lanterns, moving clouds, and a running rabbit, while explaining the underlying CSS techniques and challenges.

Blend ModeCSSPure CSS
0 likes · 13 min read
Creating a Beautiful Mid‑Autumn Festival Card with Pure CSS
Sohu Tech Products
Sohu Tech Products
Nov 11, 2020 · Frontend Development

Low‑Cost Dark Mode Implementation Using Pure CSS :checked, +/~ Selectors and Filter Functions

This article explains how to create a website‑wide dark mode switch with only HTML and CSS by using an invisible checkbox as a toggle, the :checked pseudo‑class together with +/~ sibling selectors, and CSS filter functions like invert() and hue‑rotate() to transform colors, images and media without any JavaScript.

CSSPure CSSdark mode
0 likes · 12 min read
Low‑Cost Dark Mode Implementation Using Pure CSS :checked, +/~ Selectors and Filter Functions