Level Up Coding

Coding tutorials and news. The developer homepage gitconnected.com && skilled.dev && levelup.dev

Follow publication

Member-only story

10 Cool CodePen Demos (March 2023)

Alvaro Montoro
Level Up Coding
Published in
2 min readApr 5, 2023

--

Photo by Kari Shea on Unsplash

3D Camera Icons

Jon Kantner is usual at these CodePen lists, but the work is fantastic! So it makes sense. This month I had several of Jon’s demos shortlisted (like this realistic glass or rotating pill), but the CSS shadows and lightning from this 3D Camera Icons are really out of this world.

Pure CSS landscape #4

This CSS art by Arman Borkhani was inspired and extended from an illustration by Kristofer Haugvik on Behance (which is already impressive.) The simplicity of the drawing and the code makes the work even more beautiful.

Radial Menu with CSS trig functions

Trigonometric functions are getting supported by browsers, and this month there have been some exciting demos. I liked the idea of this menu by Una Kravets and how smoothly the icons open and close. The movement is so soft moving along the curve.

VR Gravity Manipulation

I’ll admit that I haven’t tried Caleb Miller’s demo because I don’t have a VR set, so I can’t vouch for how it works. But building the idea with JavaScript and Three.js is worth adding to the list.

--

--

Written by Alvaro Montoro

Full-Stack Software Engineer, Mobile Developer, Web technologies enthusiast. CSS aficionado. Twitter: @alvaro_montoro

Write a response