DEV Community

loading...

# codepen

👋 Sign in for the ability sort posts by top and latest.
CodePen - A Very Wobbly Liquid SVG Button ✨

CodePen - A Very Wobbly Liquid SVG Button ✨

Reactions 3 Comments
1 min read
I made a SandBox coding app!

I made a SandBox coding app!

Reactions 14 Comments 8
1 min read
Awesome Custom Radio Button | YouTube Like & Dislike | Using Only HTML & CSS

Awesome Custom Radio Button | YouTube Like & Dislike | Using Only HTML & CSS

Reactions 10 Comments
1 min read
100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

Reactions 158 Comments 16
2 min read
#CodepenChallenge Click: Subscribe Call to Action

#CodepenChallenge Click: Subscribe Call to Action

Reactions 5 Comments 2
1 min read
3D DICE CUBE PURECSS

3D DICE CUBE PURECSS

Reactions 2 Comments
1 min read
Subtle Button (CLICK challenge)

Subtle Button (CLICK challenge)

Reactions 2 Comments
1 min read
5 Reasons Why People Are Afraid To Code

5 Reasons Why People Are Afraid To Code

Reactions 2 Comments
2 min read
Lollipop Loading with @property

Lollipop Loading with @property

Reactions 2 Comments
1 min read
Scrolling Text Animation With Funky Borders

Scrolling Text Animation With Funky Borders

Reactions 5 Comments
3 min read
A pure CSS password generator! 😱 They said it can't be done...

A pure CSS password generator! 😱 They said it can't be done...

Reactions 149 Comments 27
2 min read
Reddit-NavBar

Reddit-NavBar

Reactions 3 Comments
1 min read
3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax)

3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax)

Reactions 2 Comments
1 min read
FCC Product Landing Page

FCC Product Landing Page

Reactions 2 Comments
1 min read
CSS Shapes Animation

CSS Shapes Animation

Reactions 3 Comments
1 min read
Awesome CSS Tooltip | CSS Hover Effects | Using Only HTML & CSS | content : attr( data-tooltip )

Awesome CSS Tooltip | CSS Hover Effects | Using Only HTML & CSS | content : attr( data-tooltip )

Reactions 15 Comments
1 min read
CSS repeating-conic-gradient() function

CSS repeating-conic-gradient() function

Reactions 4 Comments
1 min read
Awesome CSS Button Hover | Animation Effects | Using Only HTML & CSS

Awesome CSS Button Hover | Animation Effects | Using Only HTML & CSS

Reactions 20 Comments 2
1 min read
Amazing Tab Bar (Animated)

Amazing Tab Bar (Animated)

Reactions 48 Comments 3
1 min read
Single element circle progress loader

Single element circle progress loader

Reactions 4 Comments 2
1 min read
How do CSS cascades work?

How do CSS cascades work?

Reactions 10 Comments
8 min read
data-attributes vs. BEM

data-attributes vs. BEM

Reactions 10 Comments 2
2 min read
Selectable options dashboard made with CSS

Selectable options dashboard made with CSS

Reactions 13 Comments
2 min read
SVG Polygon Generator

SVG Polygon Generator

Reactions 2 Comments
1 min read
CSS Magik cube

CSS Magik cube

Reactions 2 Comments
1 min read
neon rain

neon rain

Reactions 1 Comments
1 min read
SimplyEdit: Editable links

SimplyEdit: Editable links

Reactions 2 Comments
1 min read
Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

Reactions 777 Comments 22
2 min read
Amazing Pure HTML and CSS background animations

Amazing Pure HTML and CSS background animations

Reactions 386 Comments 26
2 min read
I drew a synthesizer with HTML & CSS

I drew a synthesizer with HTML & CSS

Reactions 407 Comments 40
1 min read
MeshColors #CodePenChallenge

MeshColors #CodePenChallenge

Reactions 3 Comments
1 min read
Awesome Loading CSS Animation

Awesome Loading CSS Animation

Reactions 21 Comments 2
1 min read
From Scroll to Grid in a snap!

From Scroll to Grid in a snap!

Reactions 5 Comments
1 min read
The Wizard of Oz in CSS

The Wizard of Oz in CSS

Reactions 37 Comments 9
2 min read
CodePen - Generative SVG Noise Grid Pattern Maker 🎨

CodePen - Generative SVG Noise Grid Pattern Maker 🎨

Reactions 30 Comments 4
1 min read
100 underline/overlay animations | The ultimate CSS collection 🥇

100 underline/overlay animations | The ultimate CSS collection 🥇

Reactions 2364 Comments 97
2 min read
How I Made This Realistic Red Switch (Pure CSS)

How I Made This Realistic Red Switch (Pure CSS)

Reactions 492 Comments 30
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
Awesome Search Box - Using Only HTML & CSS

Awesome Search Box - Using Only HTML & CSS

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

Simple impostor - Among Us [html + css]

Reactions 3 Comments
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
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 186 Comments 5
7 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
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
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 #02 - CSS 30 dias

Desafio #02 - CSS 30 dias

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

Desafio #03 - 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
loading...