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 (148)
Navigating transportation from Denver to Denver International Airport (DIA) or Colorado Springs can be both convenient and challenging, depending on the options available. Denver Airport Transportation specializes in providing reliable shuttle services that cater to the needs of travelers seeking efficient and comfortable journeys between Denver and Colorado Springs. Whether you're a visitor exploring the Rocky Mountain region or a local needing dependable airport transportation, understanding the services offered by Denver to DIA shuttle providers is essential for planning seamless and stress-free travel experiences.
Transform your bathroom in Parramatta with 28bathrooms! Our expert team specializes in delivering exceptional bathroom renovations tailored to your style and budget Bathroom renovations Parramatta. From concept to completion, we handle every aspect with attention to detail and quality craftsmanship. Whether you're looking to modernize, upgrade, or create a luxurious retreat, 28bathrooms in Parramatta is your trusted partner. Elevate your home with a stunning bathroom transformation from our experienced team!
The landscape of purchasing smoking accessories has evolved significantly with the rise of online smoke shop. These platforms, such as Texas Retail Vapes, provide a convenient and expansive marketplace for enthusiasts and consumers alike to explore a wide range of products from the comfort of their homes. From premium tobacco and vaping products to accessories like pipes, grinders, and rolling papers, online smoke shops offer an extensive selection that caters to diverse tastes and preferences.
Welcome to Van Isle Gutter Services, your premier destination for top-quality gutter installation solutions! With years of experience and a commitment to excellence, we specialize in providing comprehensive gutter installation services tailored to meet your home's specific needs. At Van Isle Gutter Services, we understand the importance of having a reliable gutter system to protect your home from water damage and maintain its structural integrity. That's why we offer a wide range of gutter options, including seamless aluminum gutters, copper gutters, and gutter guards, to ensure optimal performance and durability.
At 1xify, we're passionate about bringing imagination to life through visually stunning content that captivates and inspires. Whether you're a gamer looking for that perfect icon to represent your favorite game, a designer seeking high-quality assets for your next project, or simply someone who appreciates beautiful visuals, 1xify has you covered.
"Welcome to Betsays' in-depth exploration of pai iso atm – your ultimate guide to mastering the art of online betting transactions. In this comprehensive journey, we unveil the intricacies of pai iso atm and its profound impact on the digital betting landscape. As technology continues to shape the way we engage with online platforms, pai iso atm emerges as a powerful tool in streamlining payments and enhancing the overall betting experience. Whether you're a seasoned bettor seeking seamless transaction solutions or a curious enthusiast looking to stay ahead of the curve, our guide provides unparalleled insights to navigate the world of pai iso atm with confidence. Join us as we delve into the nuances of this innovative payment method, unlocking its potential to revolutionize the way we bet online. Let's embark on this illuminating voyage together and discover the endless possibilities of pai iso atm in shaping the future of online betting."
Moving to a new country is an exciting journey filled with opportunities and new beginnings, but it can also be a complex and daunting task. At CM Relocation, we understand the challenges and intricacies involved in international relocation. With years of experience and a commitment to excellence, we have established ourselves as a leading international moving company, dedicated to making your move seamless and stress-free.
Depression is a common but serious condition that can leave you feeling persistently sad, hopeless, and unmotivated. It can affect your relationships, work, and overall well-being. The good news is, depression is treatable. Depression counselling can be a powerful tool to help you manage your symptoms and develop healthy coping mechanisms.
Running a nephrology practice is demanding. You're focused on providing top-notch care for patients with complex kidney conditions. nephrology medical billing company But medical billing for these specialized services can be a tangled mess of codes, regulations, and constant changes
Paidassa näkyvä Einon suunnittelema naamio on saanut alkunsa pelin pohjalta ja se antoi voimaa ottaa aina uudet haasteet vastaan. Lasten Collegepaidat Nyt kun alkaa taas juoksu jalkapallokentillä periksiantamattomalla harjoittelulla kulkea, on tämä naamio muisto tästä rankasta matkasta, joka vielä jatkuu.