DEV Community

CSS

Cascading Style Sheets (CSS) is a simple language for adding style (e.g., fonts, colors, spacing) to HTML documents. It describes how HTML elements should be displayed.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
🧙‍♂️ CSS trick: transition from height 0 to auto!

🧙‍♂️ CSS trick: transition from height 0 to auto!

433
Comments 66
3 min read
I created 100+ unique CSS patterns | The best collection 🤩

I created 100+ unique CSS patterns | The best collection 🤩

386
Comments 24
3 min read
GitHub Readme: Responsive? 🤔 Animated? 🤯 Light and dark modes? 😱 You bet! 💪🏼

GitHub Readme: Responsive? 🤔 Animated? 🤯 Light and dark modes? 😱 You bet! 💪🏼

329
Comments 57
6 min read
Dark Mode in 3 Lines of CSS and Other Adventures

Dark Mode in 3 Lines of CSS and Other Adventures

282
Comments 21
6 min read
CSS Is Dead!

CSS Is Dead!

208
Comments 41
2 min read
7 Tricks to take the Performance of your Website to the Moon 🚀🌙

7 Tricks to take the Performance of your Website to the Moon 🚀🌙

207
Comments 15
4 min read
The best light/dark mode theme toggle in JavaScript

The best light/dark mode theme toggle in JavaScript

188
Comments 23
6 min read
A Guide to Styling Tables

A Guide to Styling Tables

181
Comments 29
7 min read
🔥Hot CSS Tools For Everyone

🔥Hot CSS Tools For Everyone

178
Comments 20
4 min read
Deixe seu frontend mais consistente com componentes positionless

Deixe seu frontend mais consistente com componentes positionless

173
Comments 8
4 min read
css-loaders.com: The Biggest Collection of Loading Animations (more than 500 🤯)

css-loaders.com: The Biggest Collection of Loading Animations (more than 500 🤯)

173
Comments 9
3 min read
13 CSS Tricks that will give you an adrenaline rush🤯

13 CSS Tricks that will give you an adrenaline rush🤯

161
Comments 20
8 min read
Re-creating a Japanese Fireworks Catalog from 1883 in CSS

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

160
Comments 26
2 min read
Best Animation Libraries For React🎉

Best Animation Libraries For React🎉

156
Comments 8
5 min read
Using a Single Input for one-time-code

Using a Single Input for one-time-code

151
Comments 25
3 min read
From Idea to Design for Non-Designers

From Idea to Design for Non-Designers

144
Comments 16
8 min read
TailwindCSS vs. UnoCSS

TailwindCSS vs. UnoCSS

139
Comments 14
5 min read
Impossible⁉️ CSS only syntax highlighting 😱 ...with a single element and GRADIENTS 🤯

Impossible⁉️ CSS only syntax highlighting 😱 ...with a single element and GRADIENTS 🤯

139
Comments 21
6 min read
CSS Cartoons

CSS Cartoons

137
Comments 20
4 min read
Glassmorphism CSS Generator

Glassmorphism CSS Generator

136
Comments 10
2 min read
Bubble Sort...in PURE CSS? [No JS] 😱

Bubble Sort...in PURE CSS? [No JS] 😱

128
Comments 24
4 min read
CSS Tip: learn CSS the easy way!

CSS Tip: learn CSS the easy way!

127
Comments 7
3 min read
Clocks & Countdowns: Timing in CSS and JavaScript

Clocks & Countdowns: Timing in CSS and JavaScript

124
Comments 35
4 min read
Styling Checkboxes and Switches

Styling Checkboxes and Switches

117
Comments 8
5 min read
Future of CSS: Scroll Animations

Future of CSS: Scroll Animations

116
Comments 16
5 min read
Future of CSS: Popover API

Future of CSS: Popover API

114
Comments 6
5 min read
Using REM Doesn't Make Your Website Responsive - Here's Why

Using REM Doesn't Make Your Website Responsive - Here's Why

113
Comments 40
9 min read
The CSS property you didn't know you needed 👈

The CSS property you didn't know you needed 👈

110
Comments 25
4 min read
21 Mind-Blowing Web Features You Probably Haven't Heard Of

21 Mind-Blowing Web Features You Probably Haven't Heard Of

109
Comments 13
3 min read
How to make your HTML responsive using display grid. 💯✅

How to make your HTML responsive using display grid. 💯✅

107
Comments 44
2 min read
Costly CSS Properties and How to Optimize Them

Costly CSS Properties and How to Optimize Them

103
Comments 6
3 min read
I have made 100+ CSS-only Ribbon Shapes | The Perfect Collection 🎀

I have made 100+ CSS-only Ribbon Shapes | The Perfect Collection 🎀

101
Comments 14
3 min read
Circular Text with CSS?

Circular Text with CSS?

100
Comments 6
6 min read
CSS Tools for Enhanced Web Design

CSS Tools for Enhanced Web Design

99
Comments 6
2 min read
Feeling Stuck With CSS? 🤔 Open This! 🎨

Feeling Stuck With CSS? 🤔 Open This! 🎨

93
Comments 15
2 min read
Hate on Tailwind... I have seen that before!

Hate on Tailwind... I have seen that before!

93
Comments 59
2 min read
15 Time-Saving Websites You Should Know As A CSS Developer

15 Time-Saving Websites You Should Know As A CSS Developer

93
Comments 22
3 min read
Use variáveis CSS como uma pessoa sênior com essas 5 dicas 🔥

Use variáveis CSS como uma pessoa sênior com essas 5 dicas 🔥

89
Comments 8
10 min read
I need feedback on my first website

I need feedback on my first website

89
Comments 107
1 min read
Expert CSS: The CPU Hack

Expert CSS: The CPU Hack

88
Comments 10
8 min read
7 Free Lifesaver Image Tools Every Frontend Developer Must Have In Their Arsenal 🛠️🚀

7 Free Lifesaver Image Tools Every Frontend Developer Must Have In Their Arsenal 🛠️🚀

85
Comments 8
3 min read
Small Details to Improve Your Website's Experience

Small Details to Improve Your Website's Experience

84
Comments 5
8 min read
How to use CSS variables to create amazing theme transitions 🎨✨

How to use CSS variables to create amazing theme transitions 🎨✨

84
Comments 10
2 min read
Do not drop Sass for CSS

Do not drop Sass for CSS

83
Comments 27
8 min read
Creating an Interactive Image Gallery with HTML and CSS

Creating an Interactive Image Gallery with HTML and CSS

81
Comments 18
8 min read
Pure CSS parallax perspective beyond landscape images

Pure CSS parallax perspective beyond landscape images

81
Comments 9
17 min read
A tool to Make CSS Box Shadows Effortlessly

A tool to Make CSS Box Shadows Effortlessly

81
Comments 19
3 min read
CSS in Micro Frontends

CSS in Micro Frontends

81
Comments 8
13 min read
Don't use margin in CSS

Don't use margin in CSS

81
Comments 22
4 min read
The Only CSS Flexbox Illustration You Will Ever Need

The Only CSS Flexbox Illustration You Will Ever Need

80
Comments 15
1 min read
Mobile-to-Desktop Menu in 2 Lines of CSS

Mobile-to-Desktop Menu in 2 Lines of CSS

79
Comments 11
5 min read
Flight Slider in HTML + CSS

Flight Slider in HTML + CSS

79
Comments 31
1 min read
Nearly Accessible* ANIMATED Accordion: in pure CSS??? No way! 😱

Nearly Accessible* ANIMATED Accordion: in pure CSS??? No way! 😱

75
Comments 22
13 min read
Transform Your CSS Game: Bookmark These 10 CSS Generators

Transform Your CSS Game: Bookmark These 10 CSS Generators

73
Comments 14
2 min read
CSS: The Good Parts

CSS: The Good Parts

72
Comments 4
14 min read
Do you need a Tooltip or a Speech Bubble? I have created 100 using CSS 😲

Do you need a Tooltip or a Speech Bubble? I have created 100 using CSS 😲

71
Comments 3
3 min read
Play Games, Learn Code - 7 Top CSS Resources 🎉

Play Games, Learn Code - 7 Top CSS Resources 🎉

71
Comments 10
3 min read
Exploring a 3D city with just HTML and CSS

Exploring a 3D city with just HTML and CSS

70
Comments 6
14 min read
What's your CSS level? Take a CSS Quiz!

What's your CSS level? Take a CSS Quiz!

69
Comments 17
1 min read
10 Cool CodePen Demos (December 2023)

10 Cool CodePen Demos (December 2023)

68
Comments 13
2 min read
loading...