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.
RANDOM COLR GENERATOR WITH CSS AND JS

RANDOM COLR GENERATOR WITH CSS AND JS

5
Comments 3
1 min read
Windows Calculator

Windows Calculator

4
Comments
1 min read
Custom Right-Click (Context) Menu

Custom Right-Click (Context) Menu

2
Comments
1 min read
CSS 3d rotating image cards

CSS 3d rotating image cards

4
Comments
1 min read
Flexbox Practice HTML, CSS

Flexbox Practice HTML, CSS

5
Comments
1 min read
Create a responsive web page with CSS Grid - Big Lebowski style

Create a responsive web page with CSS Grid - Big Lebowski style

5
Comments
1 min read
Css stopped working in codepen.io!!!

Css stopped working in codepen.io!!!

5
Comments 3
2 min read
How to create a parallax on pure Javascript

How to create a parallax on pure Javascript

48
Comments 11
3 min read
Parallax scroll animation

Parallax scroll animation

6
Comments
1 min read
Steve Jobs Tributary [Dark Mode] CSS Only

Steve Jobs Tributary [Dark Mode] CSS Only

3
Comments
1 min read
Random Quote Generator Vanilla HTML/CSS/JS Only

Random Quote Generator Vanilla HTML/CSS/JS Only

2
Comments
1 min read
Button animation hover with CSS

Button animation hover with CSS

8
Comments
1 min read
Form with pop-up button

Form with pop-up button

2
Comments
1 min read
Confetti succesfull screen Tailwind

Confetti succesfull screen Tailwind

2
Comments
1 min read
QR Code Generator

QR Code Generator

2
Comments 1
1 min read
Make your website stand out with a custom scrollbar 🌟

Make your website stand out with a custom scrollbar 🌟

25
Comments 2
7 min read
Calculator Using JavaScript Dom with Sass.

Calculator Using JavaScript Dom with Sass.

2
Comments
1 min read
Credit Card Form - VueJs

Credit Card Form - VueJs

1
Comments
1 min read
Creating Squid Game's Dalgona Using Canvas

Creating Squid Game's Dalgona Using Canvas

36
Comments 9
11 min read
🤷‍♂️ Chrome just changed emojis to outlines in headings? 🤷‍♂️ I have a fix for your site! 💪

🤷‍♂️ Chrome just changed emojis to outlines in headings? 🤷‍♂️ I have a fix for your site! 💪

62
Comments 32
2 min read
Text To Speech Converter

Text To Speech Converter

4
Comments
1 min read
Rainbow Progress Bar

Rainbow Progress Bar

2
Comments
1 min read
Survey form For SheCodeAfrica

Survey form For SheCodeAfrica

2
Comments
1 min read
Abel Tasman Tribute Page

Abel Tasman Tribute Page

2
Comments
1 min read
Card Hover Interactions

Card Hover Interactions

2
Comments
1 min read
Random Joke w/ React & Axios

Random Joke w/ React & Axios

7
Comments
1 min read
Custom Checkbox Design

Custom Checkbox Design

7
Comments 1
1 min read
apple website clone !

apple website clone !

5
Comments
1 min read
Drawing an animated 3D store front with CSS

Drawing an animated 3D store front with CSS

130
Comments 7
1 min read
A Tribute To Muhammad Ali

A Tribute To Muhammad Ali

4
Comments
1 min read
Pure HTML+CSS Tic-Tac-Toe (no JS)

Pure HTML+CSS Tic-Tac-Toe (no JS)

12
Comments 2
1 min read
Highcharts: Styled Candlestick vs Heikin Ashi

Highcharts: Styled Candlestick vs Heikin Ashi

6
Comments
1 min read
Earth codepen

Earth codepen

2
Comments
1 min read
Twitter Polling

Twitter Polling

3
Comments 1
1 min read
Highcharts: Styled Candlestick & Awesome Oscillator

Highcharts: Styled Candlestick & Awesome Oscillator

6
Comments
1 min read
Highcharts: Styled Heikin Ashi with Bollinger Bands

Highcharts: Styled Heikin Ashi with Bollinger Bands

4
Comments
1 min read
Highcharts: Styled Spline Chart

Highcharts: Styled Spline Chart

2
Comments
1 min read
3D Transform Cards

3D Transform Cards

3
Comments
1 min read
#codepenchallenge:Css Loading Animation

#codepenchallenge:Css Loading Animation

5
Comments 1
1 min read
#codepenchallenge:Css Animation

#codepenchallenge:Css Animation

5
Comments
1 min read
CSS CALCULATOR DESIGN

CSS CALCULATOR DESIGN

2
Comments 1
1 min read
31 single DIV illustration — the DIVtober collection

31 single DIV illustration — the DIVtober collection

84
Comments 9
4 min read
custom scrollbar

custom scrollbar

6
Comments
1 min read
creating Modal with HTML, CSS and JavaScript

creating Modal with HTML, CSS and JavaScript

12
Comments 1
1 min read
Divtober Day 31: Spooky

Divtober Day 31: Spooky

10
Comments 1
1 min read
Divtober Day 30: Contrast

Divtober Day 30: Contrast

10
Comments
1 min read
EXP: Random Color Poster v.1

EXP: Random Color Poster v.1

5
Comments
1 min read
Spooky Halloween CSS Animations! 👻🎃

Spooky Halloween CSS Animations! 👻🎃

20
Comments 3
1 min read
Divtober Day 29: Fruit

Divtober Day 29: Fruit

9
Comments
1 min read
Divtober Day 28: Dots

Divtober Day 28: Dots

9
Comments
1 min read
Input Form Covered In Darkness

Input Form Covered In Darkness

6
Comments
1 min read
Mobile icon navigation with micro interaction

Mobile icon navigation with micro interaction

7
Comments
2 min read
Introducing the EyeDropper API

Introducing the EyeDropper API

7
Comments
2 min read
Calculate the sum of two different select options on different select list

Calculate the sum of two different select options on different select list

3
Comments
1 min read
Simple Sign-in form using CSS 🚀🚀

Simple Sign-in form using CSS 🚀🚀

9
Comments 1
1 min read
Divtober Day 27: Film

Divtober Day 27: Film

14
Comments
1 min read
Divtober Day 26: Spice

Divtober Day 26: Spice

14
Comments
1 min read
#codepenchallenge (Dreadful Dropdowns)

#codepenchallenge (Dreadful Dropdowns)

3
Comments
1 min read
Divtober Day 25: Dip

Divtober Day 25: Dip

13
Comments 1
1 min read
Vue.js Shopping Cart

Vue.js Shopping Cart

3
Comments
1 min read
loading...