DEV Community

loading...

# codepen

👋 Sign in for the ability sort posts by top and latest.
From Scroll to Grid in a snap!

From Scroll to Grid in a snap!

Reactions 5 Comments
1 min read
How do CSS cascades work?

How do CSS cascades work?

Reactions 11 Comments
8 min read
The Wizard of Oz in CSS

The Wizard of Oz in CSS

Reactions 37 Comments 9
2 min read
100 underline/overlay animations | The ultimate CSS collection 🥇

100 underline/overlay animations | The ultimate CSS collection 🥇

Reactions 2495 Comments 110
2 min read
CodePen - Generative SVG Noise Grid Pattern Maker 🎨

CodePen - Generative SVG Noise Grid Pattern Maker 🎨

Reactions 32 Comments 4
1 min read
How I Made This Realistic Red Switch (Pure CSS)

How I Made This Realistic Red Switch (Pure CSS)

Reactions 499 Comments 31
7 min read
Isometric Floating Layers (SVG)

Isometric Floating Layers (SVG)

Reactions 2 Comments
1 min read
Lord Shiva CSS-Image Art

Lord Shiva CSS-Image Art

Reactions 24 Comments 4
1 min read
Simple impostor - Among Us [html + css]

Simple impostor - Among Us [html + css]

Reactions 3 Comments
1 min read
Awesome Search Box - Using Only HTML & CSS

Awesome Search Box - Using Only HTML & CSS

Reactions 36 Comments 1
1 min read
Awesome Switch Button Animation

Awesome Switch Button Animation

Reactions 17 Comments
1 min read
Pure CSS Blockquotes

Pure CSS Blockquotes

Reactions 6 Comments 1
1 min read
Responsive images: How they work – and how to use them with “Art Direction” and “Dark Mode”

Responsive images: How they work – and how to use them with “Art Direction” and “Dark Mode”

Reactions 32 Comments
9 min read
Progress Button Microinteractions with ReactJS

Progress Button Microinteractions with ReactJS

Reactions 4 Comments
1 min read
Penguin.Css

Penguin.Css

Reactions 14 Comments 6
1 min read
Rebuilding E-Rickshaw with Plain HTML and CSS

Rebuilding E-Rickshaw with Plain HTML and CSS

Reactions 28 Comments 10
1 min read
Create an animated dev.to profile pic with SVG, CSS and JS, then convert it to a GIF [tutorial].

Create an animated dev.to profile pic with SVG, CSS and JS, then convert it to a GIF [tutorial].

Reactions 192 Comments 5
7 min read
The sound of CSS: pop up the volume!

The sound of CSS: pop up the volume!

Reactions 3 Comments
1 min read
#CodepenChallenge Monochromatic Confetti🎉 Button

#CodepenChallenge Monochromatic Confetti🎉 Button

Reactions 3 Comments
1 min read
Selectable options dashboard made with CSS

Selectable options dashboard made with CSS

Reactions 13 Comments
2 min read
Glass Morphism create 3d shapes using pure css

Glass Morphism create 3d shapes using pure css

Reactions 11 Comments 2
1 min read
Sharing with the Navigator Share API

Sharing with the Navigator Share API

Reactions 10 Comments
3 min read
FCC Tribute Page

FCC Tribute Page

Reactions 2 Comments
1 min read
Robinhood Transfers #Darkmode | Js

Robinhood Transfers #Darkmode | Js

Reactions 3 Comments
1 min read
Desafio #03 - CSS 30 dias

Desafio #03 - CSS 30 dias

Reactions 3 Comments
1 min read
Desafio #02 - CSS 30 dias

Desafio #02 - CSS 30 dias

Reactions 3 Comments
1 min read
Realistic Red Switch (Pure CSS)

Realistic Red Switch (Pure CSS)

Reactions 127 Comments 17
1 min read
CodePen - Fuzzy VHS Dream Clouds 📼 ☁️ [PIXI]

CodePen - Fuzzy VHS Dream Clouds 📼 ☁️ [PIXI]

Reactions 10 Comments
1 min read
Build a Personal Portfolio Webpage

Build a Personal Portfolio Webpage

Reactions 2 Comments
1 min read
JavaScript Editor from Scratch to live-edit CSS Values in your Browser

JavaScript Editor from Scratch to live-edit CSS Values in your Browser

Reactions 15 Comments
3 min read
CSS variable chapter five "how to change CSS variable value with JavaScript" 🔥️

CSS variable chapter five "how to change CSS variable value with JavaScript" 🔥️

Reactions 11 Comments
2 min read
New WordPress Admin Color Palette

New WordPress Admin Color Palette

Reactions 4 Comments
2 min read
CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

Reactions 150 Comments 13
1 min read
JavaScript: Use the first Option of a Select as a Label

JavaScript: Use the first Option of a Select as a Label

Reactions 11 Comments 2
2 min read
Web Smooth scrolling Pure Css

Web Smooth scrolling Pure Css

Reactions 18 Comments 4
1 min read
Flashlight Website

Flashlight Website

Reactions 7 Comments 4
1 min read
Amazon Alexa Echo Dot in CSS, HTML and JS

Amazon Alexa Echo Dot in CSS, HTML and JS

Reactions 21 Comments 11
2 min read
CSS variable chapter two "how to override CSS variable" 🤹‍♂️

CSS variable chapter two "how to override CSS variable" 🤹‍♂️

Reactions 8 Comments
1 min read
Table Tennis in Pure HTML CSS 🤯

Table Tennis in Pure HTML CSS 🤯

Reactions 241 Comments 33
1 min read
Transitions, when details matters

Transitions, when details matters

Reactions 12 Comments
1 min read
How to build a pure CSS accordion

How to build a pure CSS accordion

Reactions 2 Comments
2 min read
Responsive Web Design for Complete Beginners #fullstackroadmap

Responsive Web Design for Complete Beginners #fullstackroadmap

Reactions 25 Comments
16 min read
Do you know everything about CSS variables?

Do you know everything about CSS variables?

Reactions 6 Comments
1 min read
Amazing Link Hover Effects

Amazing Link Hover Effects

Reactions 4 Comments 1
1 min read
CodePen - A Simple SVG Blob Editor [GSAP]

CodePen - A Simple SVG Blob Editor [GSAP]

Reactions 39 Comments 6
1 min read
TypeUI

TypeUI

Reactions 1 Comments
1 min read
Horizontal List with CSS

Horizontal List with CSS

Reactions 6 Comments
1 min read
Desafio #01 - CSS 30 dias

Desafio #01 - CSS 30 dias

Reactions 3 Comments
1 min read
Creating a Classic Car Rental App with Engine Sound Demo

Creating a Classic Car Rental App with Engine Sound Demo

Reactions 7 Comments 1
3 min read
Record / Stop CSS Only

Record / Stop CSS Only

Reactions 2 Comments
1 min read
Exp: Color Cloud CSS

Exp: Color Cloud CSS

Reactions 2 Comments
1 min read
Book Codepen Challenge-FOLD

Book Codepen Challenge-FOLD

Reactions 5 Comments
1 min read
CSS aspect-ratio (with a fallback for old browsers)

CSS aspect-ratio (with a fallback for old browsers)

Reactions 10 Comments
1 min read
Fully responsive CSS folded ribbon

Fully responsive CSS folded ribbon

Reactions 11 Comments
3 min read
Custom File Upload Input

Custom File Upload Input

Reactions 3 Comments
1 min read
Making a virtual credits sequence for your video calls with OBS and CodePen

Making a virtual credits sequence for your video calls with OBS and CodePen

Reactions 65 Comments 1
3 min read
Tip Calculator

Tip Calculator

Reactions 5 Comments
1 min read
CSS Peasant

CSS Peasant

Reactions 26 Comments 14
1 min read
Photo Gallery(Pure CSS)

Photo Gallery(Pure CSS)

Reactions 3 Comments
1 min read
How to write values in transform property?

How to write values in transform property?

Reactions 2 Comments
1 min read
loading...