DEV Community

loading...

# codepen

👋 Sign in for the ability sort posts by top and latest.
Custom YouTube thumbnail and play button for embedded iframe video

Custom YouTube thumbnail and play button for embedded iframe video

Reactions 4 Comments
1 min read
Simple writing text animation

Simple writing text animation

Reactions 22 Comments 2
1 min read
#Day 18 and 19: Web Dev Progress

#Day 18 and 19: Web Dev Progress

Reactions 2 Comments 6
1 min read
CodePen - Generative + Customisable SVG Social Images!

CodePen - Generative + Customisable SVG Social Images!

Reactions 25 Comments 2
1 min read
Getting Started with 3D: CSS 3D Transformations

Getting Started with 3D: CSS 3D Transformations

Reactions 7 Comments
2 min read
3D Flipped Card

3D Flipped Card

Reactions 4 Comments
1 min read
🔐 Forked Codepen 64 Character Password generator up featuring alpha-numeric + special character encryption!

🔐 Forked Codepen 64 Character Password generator up featuring alpha-numeric + special character encryption!

Reactions 14 Comments
1 min read
Accessible Image Compare — One Line of JavaScript

Accessible Image Compare — One Line of JavaScript

Reactions 38 Comments 3
1 min read
🎮 Codepen Game: Wheel-of-Fortune Style Web App with pure HTML, CSS, & JS Fixed!

🎮 Codepen Game: Wheel-of-Fortune Style Web App with pure HTML, CSS, & JS Fixed!

Reactions 4 Comments
1 min read
LOGIN FOME

LOGIN FOME

Reactions 3 Comments 1
1 min read
Cheap AI Chess!

Cheap AI Chess!

Reactions 1 Comments
1 min read
Build An Pexels Clone Website Using HTML CSS & JS | Create Full Website In 2021

Build An Pexels Clone Website Using HTML CSS & JS | Create Full Website In 2021

Reactions 2 Comments
1 min read
CodePen - Soften up your designs with a Squircle!

CodePen - Soften up your designs with a Squircle!

Reactions 10 Comments 2
1 min read
3 experiments with CSS paper effects

3 experiments with CSS paper effects

Reactions 331 Comments 43
2 min read
Pure CSS | Contact Form Dialog | Concept Design

Pure CSS | Contact Form Dialog | Concept Design

Reactions 2 Comments 4
1 min read
5 years at CodePen: a reflection

5 years at CodePen: a reflection

Reactions 9 Comments 3
7 min read
Modal with ZERO Javascript, CSS Only

Modal with ZERO Javascript, CSS Only

Reactions 2 Comments
1 min read
Generative blob characters using SVG!

Generative blob characters using SVG!

Reactions 106 Comments 5
11 min read
Radio Button Group with React and Framer Motion

Radio Button Group with React and Framer Motion

Reactions 2 Comments
1 min read
CodePen - 60° Gradient Morphing Blob

CodePen - 60° Gradient Morphing Blob

Reactions 6 Comments
1 min read
Creating an Animated 404 Page

Creating an Animated 404 Page

Reactions 5 Comments
1 min read
Glass morphism

Glass morphism

Reactions 5 Comments 1
1 min read
Basic CSS Traffic Light

Basic CSS Traffic Light

Reactions 8 Comments
1 min read
Building a mental health crisis app, Final Day.

Building a mental health crisis app, Final Day.

Reactions 25 Comments 4
3 min read
Alert, Confirm, Prompt dialog box (modal) in Web Components

Alert, Confirm, Prompt dialog box (modal) in Web Components

Reactions 11 Comments
1 min read
Scroll snapping simplified

Scroll snapping simplified

Reactions 15 Comments
3 min read
Polygon to clip-path & SVG

Polygon to clip-path & SVG

Reactions 7 Comments
1 min read
Simple Brightness change animation using javascript

Simple Brightness change animation using javascript

Reactions 13 Comments
1 min read
Redirecionamento automático de página HTML

Redirecionamento automático de página HTML

Reactions 4 Comments
1 min read
Using the Pan Tilt Zoom Camera API

Using the Pan Tilt Zoom Camera API

Reactions 11 Comments
2 min read
Sticky Navigation Bar on Scroll using HTML CSS | Fixed Navbar on Scroll

Sticky Navigation Bar on Scroll using HTML CSS | Fixed Navbar on Scroll

Reactions 5 Comments
1 min read
Smooth infinite scrolling with hyperspace effect

Smooth infinite scrolling with hyperspace effect

Reactions 6 Comments
1 min read
Canvas Animation

Canvas Animation

Reactions 8 Comments 1
1 min read
Single-div Wooden Hut

Single-div Wooden Hut

Reactions 7 Comments
1 min read
Responsive Menu

Responsive Menu

Reactions 3 Comments
1 min read
275 bytes BMI Calculator

275 bytes BMI Calculator

Reactions 21 Comments 4
2 min read
CodePen - Generative Ballpoint Pen Shapes [p5.js]

CodePen - Generative Ballpoint Pen Shapes [p5.js]

Reactions 5 Comments
1 min read
Modern Sidebar Menu

Modern Sidebar Menu

Reactions 380 Comments 20
2 min read
Accessible Circular Sliders

Accessible Circular Sliders

Reactions 65 Comments
2 min read
Bootstrap Material Design Carousel

Bootstrap Material Design Carousel

Reactions 3 Comments
1 min read
Awesome loading screen using only HTML & CSS

Awesome loading screen using only HTML & CSS

Reactions 13 Comments
1 min read
Make Animated Fully Responsive Website Design

Make Animated Fully Responsive Website Design

Reactions 5 Comments
1 min read
Change width and height project

Change width and height project

Reactions 3 Comments
1 min read
How to get the Codepen Pro experience for free with github

How to get the Codepen Pro experience for free with github

Reactions 6 Comments
2 min read
Theme Toggler

Theme Toggler

Reactions 6 Comments
1 min read
Fullscreen Wipe Page Loading Animation

Fullscreen Wipe Page Loading Animation

Reactions 9 Comments
1 min read
Happy New Year 2021

Happy New Year 2021

Reactions 21 Comments 5
1 min read
Calculator

Calculator

Reactions 25 Comments 2
1 min read
#codevember - 28 - Fire effect - Made with tsParticles

#codevember - 28 - Fire effect - Made with tsParticles

Reactions 6 Comments
1 min read
CodePen - Generative Cacti [p5.js]

CodePen - Generative Cacti [p5.js]

Reactions 5 Comments
1 min read
#PureCSS - Responsive PHP 8 Logo

#PureCSS - Responsive PHP 8 Logo

Reactions 3 Comments
1 min read
CodePen - Generative Soft Gradients [SVG]

CodePen - Generative Soft Gradients [SVG]

Reactions 6 Comments 4
1 min read
Fetch-22

Fetch-22

Reactions 12 Comments 6
2 min read
help improve my css

help improve my css

Reactions 2 Comments
1 min read
Gravity Toggle Button

Gravity Toggle Button

Reactions 5 Comments
1 min read
International Credit Card Design

International Credit Card Design

Reactions 5 Comments
1 min read
Movie Survey

Movie Survey

Reactions 1 Comments
1 min read
#Day 17: Web development day 2, DSA stack

#Day 17: Web development day 2, DSA stack

Reactions 4 Comments
1 min read
Create Simple Template with Pure HTML & CSS

Create Simple Template with Pure HTML & CSS

Reactions 5 Comments
1 min read
CSS Newsletter with Animated Floating

CSS Newsletter with Animated Floating

Reactions 8 Comments
1 min read
loading...