CodePen - All posts - DEV Community

Tee

Oct 20 '19

25 Days of CSS Animations: Teaching Myself CSS through Motion Design.

#showdev #webdev #codepen #css

2386

87

8 min read

Temani Afif

Mar 16 '21

100 underline/overlay animations | The ultimate CSS collection 🥇

#css #beginners #webdev #codepen

1519

126

2 min read

Temani Afif

Aug 10 '21

Adding 100 underline/overlay animations | The impressive CSS collection ⭐️

#showdev #css #webdev #codepen

895

27

2 min read

Temani Afif

Mar 30 '21

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

#css #beginners #webdev #codepen

894

22

2 min read

Temani Afif

Apr 15 '21

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

#css #webdev #beginners #codepen

579

31

2 min read

Suzanne Aitchison

Jul 4 '20

5 lessons from 50 days of CSS art

#showdev #css #codepen #webdev

554

40

4 min read

Yoav Kadosh

Mar 22 '21

How I Made This Realistic Red Switch (Pure CSS)

#codepen #webdev #css #tutorial

530

31

7 min read

Aashish Panthi

Aug 29 '21

Top 5 JavaScript animation libraries 2021

#javascript #codepen #gsap

523

39

2 min read

𝐁𝐚𝐛𝐢 ✨

Apr 6 '21

Amazing Pure HTML and CSS background animations

#html #css #codepen #codequality

449

29

2 min read

Temani Afif for This is Learning

May 19 '21

Advanced CSS Animation Using cubic-bezier()

#css #webdev #tutorial #codepen

442

17

12 min read

Sarah

Apr 4 '21

I drew a synthesizer with HTML & CSS

#showdev #codepen #html #css

429

43

1 min read

Temani Afif

May 23 '23

I created 100+ unique CSS patterns | The best collection 🤩

#showdev #webdev #css #codepen

387

24

3 min read

Cornea Florin

Dec 30 '20

Modern Sidebar Menu

#codepen #html #css #ui

380

20

2 min read

Akshaya Venkatesh

Jul 4 '21

The Ultimate Guide to Center Align - CSS

#css #codenewbie #codepen #webdev

370

8

3 min read

Sarah

Feb 1 '20

How I recreated a Polaroid camera with CSS gradients only

#css #tutorial #html #codepen

349

19

10 min read

Ahmad Emran

Aug 25 '19

Awesome CSS Animation Hamburger Menu

#codepen #javascript #html #css

347

26

1 min read

Suzanne Aitchison

Jan 8 '21

3 experiments with CSS paper effects

#showdev #css #codepen #webdev

342

45

2 min read

Cyd

Dec 29 '19

Creating a fold out navigation with CSS only

#css #tutorial #codepen #beginners

323

39

4 min read

Manaswini

Jul 29 '20

Decoding CSS art (🎨+💻)

#css #webdev #codenewbie #codepen

300

32

4 min read

Cody Pearce

Feb 15 '20

Ubuntu Terminal in CSS

#showdev #css #codepen #webdev

279

18

3 min read

Cyd

Jan 10 '20

4 CSS tricks that will get you dirty looks from other developers

#tutorial #css #beginners #codepen

259

21

2 min read

Nadia Laasri

Aug 3 '20

Make your first CSS art 😍

#css #codepen #codenewbie #webdev

257

49

4 min read

Ben Halpern

Mar 2 '21

Table Tennis in Pure HTML CSS 🤯

#codepen #css #webdev

241

32

1 min read

Ahmad Emran

Aug 29 '19

Awesome Animation Checkbox CSS Toggle - Day / Night Mode

#codepen #javascript #html #css

229

14

1 min read

Tee

Sep 24 '20

🎮 CSS Nintendo Switch (Box Shadow & Gradient Practice)

#codepen #css #sass

222

25

1 min read

GrahamTheDev

Apr 13 '21

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

#showdev #css #webdev #codepen

215

30

2 min read

GrahamTheDev

Mar 21 '21

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

#showdev #javascript #css #codepen

207

8

7 min read

Asyraf Hussin

Aug 4 '22

Pure CSS Woman with Long Hair

#codepen #html #css #webdev

204

40

1 min read

Ganesh Prasad

Sep 20 '19

Making 'The Matrix' Effect in Javascript

#javascript #codepen #frontend #html

192

17

3 min read

Roden

Jun 6 '21

🔥Awesome Developer Portfolio Page for your Projects 📱 (responsive)

#codepen #webdev #css #javascript

190

8

5 min read

Temani Afif

Apr 28 '21

Still 100 underline/overlay animations | The advanced CSS collection 🚀

#css #webdev #codepen

184

8

2 min read

GrahamTheDev

Sep 23 '21

Rate my SVG art! [Compared to CSS art]

#showdev #css #html #codepen

183

43

3 min read

Frontend Dude 👨‍💻

May 13 '20

20 Awe-Inspiring Codepen Examples You Can Learn From

#css #javascript #codepen #codenewbie

171

8

2 min read

Mads Stoumann

Jul 5 '23

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

#showdev #css #codepen #webdev

160

26

2 min read

George Francis

Mar 13 '21

CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

#codepen #javascript #webdev #css

160

13

1 min read

Adrian Perea

Jun 17 '20

What CSS tip do you want to share with others?

#discuss #css #webdev #codepen

157

39

1 min read

Shanakay Hall

Feb 10 '20

7 days of CSS graphics and animations

#challenge #animations #css #codepen

155

13

5 min read

Temani Afif for This is Learning

Aug 26 '21

Exploring the CSS Paint API: Image Fragmentation Effect

#css #webdev #tutorial #codepen

142

4

10 min read

Rajdeep Chandra

Jun 8 '20

Boost your Front End Development with these tools

#tutorial #javascript #codepen

142

4

4 min read

Temani Afif

Sep 23 '21

Rate my first CSS drawing

#showdev #css #html #codepen

139

28

2 min read

Cody Pearce

Jan 23 '20

Draw and Animate Bender's Face with CSS

#showdev #css #webdev #codepen

135

9

4 min read

Sarah

Jun 12 '20

🎹🎶 I drew a vintage keyboard using only HTML & CSS

#codepen #css #html

135

26

1 min read

Allan White

Oct 17 '19

CSS-only horizontally-scrolling cards with snapping

#codepen

135

15

1 min read

Alvaro Montoro

Nov 15 '21

Drawing an animated 3D store front with CSS

#css #html #webdev #codepen

130

7

1 min read

Suzanne Aitchison

Jul 19 '20

Get started with CSS art - make a sheep! Step by step

#css #html #codenewbie #codepen

129

19

8 min read

Temani Afif for This is Learning

Jul 16 '21

Build Complex CSS Transitions using Custom Properties and cubic-bezier()

#css #webdev #tutorial #codepen

129

4

7 min read

Yoav Kadosh

Mar 15 '21

Realistic Red Switch (Pure CSS)

#codepen #webdev #css #html

127

17

1 min read

Sarah

Aug 22 '20

🎹🎵 I made a new HTML & CSS only drawing 🎵🎹

#codepen #css #html

126

32

1 min read

Suzanne Aitchison

Aug 23 '20

100 Days of CSS Art - Complete! 🎉

#showdev #css #webdev #codepen

126

9

3 min read

Sarah

Jan 31 '20

📸✨ Polaroid Camera In CSS

#codepen #css #html

121

22

1 min read

Asyraf Hussin

Jun 16 '22

Pure CSS The Queen's Gambit

#codepen #html #css #webdev

121

34

1 min read

Nadia Laasri

Aug 29 '20

3 Secrets behind single div CSS art

#css #codepen #codenewbie #html

115

13

7 min read

George Francis

Jan 11 '21

Generative blob characters using SVG!

#webdev #tutorial #javascript #codepen

114

5

11 min read

Shaan Alam

Jul 20 '21

I Recreated my VSCode Theme 🔥

#vscode #webdev #javascript #codepen

113

12

2 min read

Cyd

Mar 28 '20

How to create a 3 dimensional object with CSS only

#showdev #tutorial #css #codepen

111

10

3 min read

Chris Coyier

Nov 15 '19

I'm Chris Coyier from CodePen, CSS-Tricks, and ShopTalk Show. Ask Me Anything!

#ama #codepen #csstricks #shoptalkshow

109

55

1 min read

Monica Powell

May 23 '20

Give Your CSS Superpowers with CSS Variables

#css #codepen #tutorial #webdev

107

10

3 min read

Ahmad Emran

Nov 5 '19

Create Awesome CSS Input Animations

#codepen #javascript #html #css

105

1

1 min read

Roden

Jun 16 '21

16 Beautiful Color Palettes 🎨 for Your Projects 👨‍🎨

#webdev #codepen #css #ux

102

3

1 min read

Timothy Foster

Aug 29 '21

A Typewriter, but with no HTML, CSS, or JS?!

#codepen #svg #html

98

12

2 min read