CSS

CSS Advent Calendar

W
W3Tweaks Team
Frontend Tutorials
Dec 24, 2019 1 min read
Share:
CSS Advent Calendar

CSS calendar will have options to show the events saved for the dates. purely developed by CSS only. css only. Countdown until Christmas!

Developed by Deren and created using HTML (Pug) and CSS (SCSS). Created on November 30, 2019.

Find the demo and code below

See the Pen CSS Advent Calendar by Deren (@deren2525) on CodePen.

Download source
Related Articles
View all CSS →
CSS pointer-events: inert, Click-Through, disabled & SVG
CSS
CSS pointer-events: inert, Click-Through, disabled & SVG
Jun 13, 2026
CSS :focus-visible: Keyboard Focus, WCAG & inert
CSS
CSS :focus-visible: Keyboard Focus, WCAG & inert
Jun 12, 2026
CSS @supports: Feature Detection & Progressive Enhancement
CSS
CSS @supports: Feature Detection & Progressive Enhancement
Jun 11, 2026