RT Rob DiMarzo
Here's some generative rgb cmyk confetti (funfetti?) I made on @CodePen!
Check it out 🎊
https://codepen.io/robdimarzo/pen/oNYjQZm
RT Paulina Hetman
It was soothing to work on and it is soothing to look at - CSS-only Sunrise over still lake
https://codepen.io/pehaa/pen/yLVeLNg?editors=1100
RT Simin
For my second @CodePen challenge, I baked a cake in 10 seconds!
I tried to show the concept of "rising" by rising a cake with steam.
#CodePenChallenge #Rise
Full code:
https://codepen.io/SiminR/full/xxRwEOx
Re We're back up, but we're still working on search. Searches will return 0 results for a little while longer today. Thanks for bearing with us 🐻
Apologies for the interruption, we're on it! 🛠
RT Simin
For my second @CodePen challenge, I baked a cake in 10 seconds!
I tried to show the concept of "rising" by rising a cake with steam.
#CodePenChallenge #Rise
Full code:
https://codepen.io/SiminR/full/xxRwEOx
RT ycw
Re @cassiecodes on the way to Mars @CodePen
#codepenchallenge #rising
#viewboxchallenge #svg #masking
https://codepen.io/ycw/full/JjbdabG
RT Amit Sheen
Sometimes, rising to the top may look pretty sisyphean...
#CodePenChallenge #Rise
Full code @CodePen :
https://codepen.io/amit_sheen/full/OJbVoMz
RT Stephanie Eckles
🟣 CSS Quick Tip
So - you've been given the logo file, but it's a jpeg and what you need is a transparent png!
Ideally, you get the correct file 🤣 But in a pinch, you can use `mix-blend-mode` as shown.
Play with a few more options in this @CodePen:
https://codepen.io/5t3ph/pen/ExNaopW
RT Aysenur
🛹 Skateboard Video Platform @CodePen
https://codepen.io/TurkAysenur/full/LYRKpWe
RT Judith
Rising Sun Moon and Sea steps animation
https://codepen.io/judag/pen/zYoGNdy
RT Jhey 🐻🛠
Re Even created an SVG animation in homage to that DK level!
👉
https://codepen.io/jh3y/pen/JLQdad
RT Simin
Particles escape from the star from the sunspot regions on the surface, hurtling particles of #plasma, known as solar wind, into space. When they do, they can cause the dramatic displays known as the #aurora borealis.
#codepenchallenge @CodePen
https://codepen.io/SiminR/full/VwmZKMV
New month, new #CodePenChallenge!
This month's theme is ACTION 📹
Each week's prompt is an action verb. Week one's prompt is: "Rise" 🌅
Like how the sun rises, bread rises, and winners rise to the top — all with gradual, upward motion.
https://codepen.io/challenges/2021/february/
RT aexcode
For this week's #codepenchallenge I created my first full-screen pure CSS image. Not sure why this seemed so daunting initially, but it feels good to have done it!
↗️
http://codepen.io/aexcode/full/PoboqVW
RT Adam Argyle
Explode A Node!
an interactive CSS box model experience 🤓
source on @CodePen -
https://codepen.io/argyleink/full/BaLedvd
RT Una Kravets 👩🏻💻
CSS aspect ratio is finally here! 😱🥳🎉
https://web.dev/aspect-ratio/
RT Alexis Gallisá
Using mask-image and Data URLs with SVGs to create true transparent border cutouts inside of an avatar.
https://codepen.io/alexisg/pen/jOMRbdL?editors=0100
RT abxlfazl khxrshidi
music player widget
@CodePen
Designed by: @MauBucardo
Original image:
#HTML #CSS #js #FrontEnd
https://codepen.io/abxlfazl/full/YzGEVRP
https://dribbble.com/shots/6957353-Music-Player-Widget
RT Cassandra Rossall
Challenge yourself to recreate one of the apps on your phone and share your solution! You'll come across features you probably wouldn't think of on your own and learn so much along the way!
Check out my stopwatch on @CodePen.⏱️
https://codepen.io/cassandraPaige/pen/yLVBRaP
https://twitter.com/CassandraPaigee/status/1354900007493783552
Build, test, and discover front-end code 👩🏽💻