DEV Community

CodePen

A social development environment for front-end designers and developers.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
neon rain

neon rain

Reactions 1 Comments
1 min read
Made this button ripples from a Youtube tutorial. https://codepen.io/jibdannyvoid/pen/XWpPmWO via @CodePen

Made this button ripples from a Youtube tutorial. https://codepen.io/jibdannyvoid/pen/XWpPmWO via @CodePen

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

Amazing Pure HTML and CSS background animations

Reactions 445 Comments 29
2 min read
How to become a Full Stack Developer - RoadMap

How to become a Full Stack Developer - RoadMap

Reactions 9 Comments
3 min read
Let's Create a Song with Vanilla Javascript

Let's Create a Song with Vanilla Javascript

Reactions 7 Comments
7 min read
CodePen - A Very Wobbly Liquid SVG Button ✨

CodePen - A Very Wobbly Liquid SVG Button ✨

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

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

Reactions 886 Comments 22
2 min read
SimplyEdit: Editable links

SimplyEdit: Editable links

Reactions 2 Comments
1 min read
Floating Messenger Notification

Floating Messenger Notification

Reactions 3 Comments
1 min read
I drew a synthesizer with HTML & CSS

I drew a synthesizer with HTML & CSS

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

I made a SandBox coding app!

Reactions 32 Comments 11
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 11 Comments
1 min read
MeshColors #CodePenChallenge

MeshColors #CodePenChallenge

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

From Scroll to Grid in a snap!

Reactions 5 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 49 Comments 3
1 min read
How do CSS cascades work?

How do CSS cascades work?

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

data-attributes vs. BEM

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

100 underline/overlay animations | The ultimate CSS collection 🥇

Reactions 3015 Comments 120
2 min read
The Wizard of Oz in CSS

The Wizard of Oz in CSS

Reactions 35 Comments 9
2 min read
Create Awesome Product Card | UI Design | E-commerce Card | Using Only Html5 & CSS3

Create Awesome Product Card | UI Design | E-commerce Card | Using Only Html5 & CSS3

Reactions 13 Comments
1 min read
CodePen - Generative SVG Noise Grid Pattern Maker ğŸŽ¨

CodePen - Generative SVG Noise Grid Pattern Maker ğŸŽ¨

Reactions 33 Comments 4
1 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 4 Comments
1 min read
How I Made This Realistic Red Switch (Pure CSS)

How I Made This Realistic Red Switch (Pure CSS)

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

Isometric Floating Layers (SVG)

Reactions 4 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 19 Comments
1 min read
Awesome Loading CSS Animation

Awesome Loading CSS Animation

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

Scrolling Text Animation With Funky Borders

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

Awesome Search Box - Using Only HTML & CSS

Reactions 36 Comments 1
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
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 34 Comments
9 min read
Progress Button Microinteractions with ReactJS

Progress Button Microinteractions with ReactJS

Reactions 4 Comments
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 204 Comments 8
7 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
Single element circle progress loader

Single element circle progress loader

Reactions 4 Comments 2
1 min read
Color-Flipper {HEX-CODES}

Color-Flipper {HEX-CODES}

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

Selectable options dashboard made with CSS

Reactions 16 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
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
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 12 Comments
2 min read
New WordPress Admin Color Palette

New WordPress Admin Color Palette

Reactions 4 Comments
2 min read
SVG Polygon Generator

SVG Polygon Generator

Reactions 3 Comments 1
1 min read
CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

Reactions 159 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
Penguin.Css

Penguin.Css

Reactions 17 Comments 6
1 min read
Web Smooth scrolling Pure Css

Web Smooth scrolling Pure Css

Reactions 19 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
#CodepenChallenge | 3D Ice Cream 🍦 With p5.js and GSAP

#CodepenChallenge | 3D Ice Cream 🍦 With p5.js and GSAP

Reactions 3 Comments
1 min read
loading...