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!

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

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

387
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! 💪🏼

331
Comments 57
6 min read
Goodbye SASS 👋, welcome back native CSS

Goodbye SASS 👋, welcome back native CSS

331
Comments 58
3 min read
Dark Mode in 3 Lines of CSS and Other Adventures

Dark Mode in 3 Lines of CSS and Other Adventures

285
Comments 21
6 min read
Join Our First Community Challenge: The Frontend Challenge

Join Our First Community Challenge: The Frontend Challenge

283
Comments 72
6 min read
The best light/dark mode theme toggle in JavaScript

The best light/dark mode theme toggle in JavaScript

189
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

179
Comments 20
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 🤯)

174
Comments 9
3 min read
Deixe seu frontend mais consistente com componentes positionless

Deixe seu frontend mais consistente com componentes positionless

173
Comments 8
4 min read
13 CSS Tricks that will give you an adrenaline rush🤯

13 CSS Tricks that will give you an adrenaline rush🤯

162
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🎉

157
Comments 8
5 min read
Congrats to our Frontend Challenge Winners!

Congrats to our Frontend Challenge Winners!

155
Comments 37
2 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
Impossible⁉️ CSS only syntax highlighting 😱 ...with a single element and GRADIENTS 🤯

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

140
Comments 21
6 min read
TailwindCSS vs. UnoCSS

TailwindCSS vs. UnoCSS

140
Comments 14
5 min read
CSS Cartoons

CSS Cartoons

138
Comments 20
4 min read
Glassmorphism CSS Generator

Glassmorphism CSS Generator

137
Comments 10
2 min read
CSS Tools for Enhanced Web Design

CSS Tools for Enhanced Web Design

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

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

128
Comments 24
4 min read
Finally Understand Responsive Design!

Finally Understand Responsive Design!

127
Comments 33
9 min read
Desert Racer 🏜️: World's First CSS-only Swipe-Aware Game!

Desert Racer 🏜️: World's First CSS-only Swipe-Aware Game!

126
Comments 9
13 min read
Clocks & Countdowns: Timing in CSS and JavaScript

Clocks & Countdowns: Timing in CSS and JavaScript

124
Comments 35
4 min read
Join Us For The Next Frontend Challenge: Earth Day Edition!

Join Us For The Next Frontend Challenge: Earth Day Edition!

120
Comments 16
6 min read
Styling Checkboxes and Switches

Styling Checkboxes and Switches

118
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
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
Feeling Stuck With CSS? 🤔 Open This! 🎨

Feeling Stuck With CSS? 🤔 Open This! 🎨

97
Comments 15
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

95
Comments 22
3 min read
Hate on Tailwind... I have seen that before!

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

93
Comments 59
2 min read
The Frontend Challenge: 🍌 bananas are the superior fruit

The Frontend Challenge: 🍌 bananas are the superior fruit

90
Comments 27
2 min read
Expert CSS: The CPU Hack

Expert CSS: The CPU Hack

90
Comments 12
8 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
How to remove background of an image with CSS

How to remove background of an image with CSS

86
Comments 65
2 min read
The Frontend Challenge: 🍩 Donut eat my favorite snack!

The Frontend Challenge: 🍩 Donut eat my favorite snack!

86
Comments 14
2 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
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
Small Details to Improve Your Website's Experience

Small Details to Improve Your Website's Experience

84
Comments 5
8 min read
Do not drop Sass for CSS

Do not drop Sass for CSS

83
Comments 27
8 min read
CSS in Micro Frontends

CSS in Micro Frontends

83
Comments 8
13 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
Don't use margin in CSS

Don't use margin in CSS

81
Comments 22
4 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
The Only CSS Flexbox Illustration You Will Ever Need

The Only CSS Flexbox Illustration You Will Ever Need

80
Comments 15
1 min read
Flight Slider in HTML + CSS

Flight Slider in HTML + CSS

80
Comments 31
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
Nearly Accessible* ANIMATED Accordion: in pure CSS??? No way! 😱

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

75
Comments 22
13 min read
My New Favorite CSS Trick: will-change

My New Favorite CSS Trick: will-change

74
Comments 13
2 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 😲

73
Comments 3
3 min read
CSS: The Good Parts

CSS: The Good Parts

72
Comments 4
14 min read
Play Games, Learn Code - 7 Top CSS Resources 🎉

Play Games, Learn Code - 7 Top CSS Resources 🎉

71
Comments 10
3 min read
loading...