snow globe christmas tree
Amit Sheen live streamed the whole process on YouTube (you can still watch it on his channel) for everyone to see how to create this 3D-looking Christmas tree with HTML and CSS.
Pixelated Background
This is a neat trick by Wakana Y.K.: placing a low resolution version of the image on top, and expanding it to occupy the same size as the original makes the browser pixelate it. Then, a mask on hover (updating the position with JS) does the rest. Ingenious and effective.
Fireworks
We have showcased several of Yuan Chuan’s CSS Doodles in this newsletter. This animated one is one of my favorites. The colors, the shapes, and the movement are perfectly in sync. Making this demo magical.
Happy Holidays! 2023
Another Christmas tree and another demo by Wakana Y.K. This time the 3D is generated using ThreeJS and the tree is interactive in a different way: drag the mouse around the screen to spin the tree.
WCCChallenge : Obscure
What attracts me to this demo by Tom Hinton is how random and weird (in a good way) it looks (something relatively common in Tom’s artistic pieces. A combination of shaders and meshes in ThreeJS.
Dots & Ring Loader — CSS
This is a hypnotic loader created in HTML and CSS by Josetxu. An interesting combination of animations create this effect, with dots moving while changing size (and z-index).
Stacked Avatars with hover effect
This is a really interesting effect with single images. Temani Afif, crops the pictures as you hover over the siblings. Can you figure out how it works based on the interaction? (Hint: it involves masks and CSS variables.)
Wow Winter Blanket
Another demo with ThreeJS and shaders. This time by Anna Zenn Scavenger. It was part of a CodePen weekly challenge about opposites. Move the mouse over the blanket to see it move smoothly.
CSS scroll-driven animation timer
Another cool example of how to use CSS scroll-driven animations to show an animated timer/progress indicator. This demo is by Ryan Mulligan. And even the numbers are animated! No JS whatsoever.
Pure CSS — Courage the Cowardly Dog
Courage the Cowardly Dog was a TV show from Cartoon Network… and believe it or not, it has been over 20 years since the show. Nostalgia + CSS Art? It had to make the list. Plus it is a nice implementation by maxi83c. And it has animations!
Check the previous month demos on: https://dev.to/alvaromontoro/10-cool-codepen-demos-november-2023-jj
Top comments (244)
Imagine a world where your words flow effortlessly, complex ideas become clear, and your plans are optimized for success. This is the reality that awaits you with Google Gemini AI, a powerful language model pushing the boundaries of human potential.
Ready to unlock the potential within your thoughts? Accessing Gemini AI Login is just a few steps away. Here's how to begin:
Head over to the official Google Gemini website.
In the top right corner, click on the "Sign in" button.
Use your existing Google Account credentials to log in securely.
La última versión de Snaptube APK incluye mejoras de velocidad y compatibilidad con nuevas plataformas. Ideal para quienes buscan descargas sin restricciones, este APK es seguro y accesible desde fuentes confiables como apksnaptube.com.mx.
In today’s fast-paced digital world, staying informed and adaptable is not just an advantage—it’s a necessity. At Wispwillow, we understand how challenging it can be to navigate the constantly shifting terrain of technology, apps, and digital marketing. That’s why we’re here—to simplify the complex and bring clarity to the chaos.
tubidymp3.io simplifies the process of finding and downloading music, making it accessible to users of all ages. With its straightforward search options and fast download speeds, the platform ensures that your music needs are met without any complications. It’s the perfect companion for anyone who values convenience and quality in their music experience.
KK222 Game offers daily cash challenges and tasks that pay real money to players. It’s especially popular in 2025 for its referral program, bonus spin options, and fast withdrawal system. Many users use this app as a side hustle, playing short games and completing tasks to earn money daily through digital wallets.
If you're eager to enjoy HiTV on a bigger screen, the HiTV app for PC is a great solution. Although there isn't a dedicated PC version of HiTV, you can still access the app on your computer by using an Android emulator like Bluestacks or NoxPlayer. This method allows you to run the HiTV app seamlessly on your PC, giving you a full desktop viewing experience.
The rhythmic whir of a spinning reel, the satisfying arc of a cast, and the thrill of a fish tugging at the line – spinning fishing is an art form enjoyed by millions. But like any art form, the right tools are essential for success. Best Spinning Rods And when it comes to spinning fishing, the spinning rod takes center stage.
These CodePen demos are amazing! Seeing creative front-end experiments always sparks new ideas. Speaking of creativity, when setting up outdoor events or trade show booths, a canopy tent is a must-have. It provides shade, protection, and a branded space to engage with visitors. Whether it's for a tech meetup or a product showcase, having a sturdy and well-designed setup makes a big difference!
This character has always stood out with her unique abilities and leadership, making her an essential part of the series. If you’re curious about her latest role in the story and how things are evolving, you might want to take a closer look. The recent developments are truly fascinating!
If you’re seeking reliable and professional plumbing services in Bedford, look no further than Bedford Plumbing Company, a trusted name in the industry. At Cassidy Plumbing Inc., they offer expert solutions tailored to meet your specific needs, whether it’s routine maintenance, emergency repairs, or complex installations. With a commitment to exceptional customer service and high-quality workmanship, Bedford Plumbing Company is dedicated to ensuring your home’s plumbing system runs smoothly and efficiently. Discover the difference of working with a team that values integrity and excellence—choose Bedford Plumbing Company for all your plumbing needs.
Bedford Plumbing Company, with its reputation for reliable and professional service, offers tailored solutions for everything from routine maintenance to emergency repairs. Their focus on quality workmanship and customer satisfaction ensures that your plumbing system remains efficient and well-maintained, providing peace of mind with every service.