@RT Rob Stinson
Possibly over-engineered this, but here's how with #CSS you can use:
- CSS variables
- calc()
- linear-gradient
-repeating-linear-gradient
…to create a background of vertical grid lines.
Kind of like what you see on the Stripe website.
Pen on @CodePen
https://codepen.io/robstinson/pen/xxpGGLY
RT Jon Kantner
Loading Goes Off Track
https://codepen.io/jkantner/pen/ZEvQbOK
RT 小山最中
扇形を敷き詰める。向きを変えるのに rotate() を使おうと思ったけど思うように動かなかった……。
#007
#creativecoding #generative #p5js
https://codepen.io/koyamamonaka/pen/vYpNwKp
RT tiffany choong ⚡️
So honoured and excited to have the opportunity to chat with the amazing @chriscoyier about some of my pens for a @CodePen radio episode!
http://blog.codepen.io/2022/03/16/359-tiffany-choong/
RT Jhey 🔨🐻✨
Poppin' Progress Bar! 🍿
Had coffee w/ @BrunoReddyMaths last month and after he showed me the Duolingo app, I had to make a version of the progress bar ✨
ht to @cassiecodes for pointing me to SVG "maskUnits" 🙏
🛠 @reactjs & @greensock
👉
http://codepen.io/jh3y/pen/dyJozwz
RT Adam Kuhn
went with some more animated svg fractalnoise filters on the base pen for this week's "giant buttons" CodePen challenge & wound up with with a very anti social social club text effect
thnx for lookin'
https://codepen.io/cobra_winfrey/full/popvOBJ
https://twitter.com/cobra_winfrey/status/1503911634603057159
RT Aybüke Ceylan
Sidebar Interaction @CodePen
https://codepen.io/aybukeceylan/full/wvpBmrq
RT Toshiya Marukubo
pastime ✌︎('ω'✌︎ )
It roughly returns primary color, secondary color and background color of pics with using promise. What to use for ( ✌︎'ω')✌︎
Link👇
Video alt : Changing background color to suit pics color.
https://codepen.io/toshiya-marukubo/pen/XWVWmav
https://twitter.com/toshiyamarukubo/status/1503541447538069506
RT Ryan LaBar
Motion Tip Monday: To create an infinite looping marquee without any duplicated elements, you can use @greensock's modifiers plugin along with its wrap utility. #FrontEnd #javascript #creativecoding
Check the @CodePen -
https://codepen.io/ryan_labar/pen/jOYEXzo?editors=0010
RT Simon Arnold
3 years ago @Morphcat released one of my favorite #NES game ever: #MicroMages ✨
In tribute, I recreated the game cartridge in #3D with #CSS transformations.
💻
@CodePen
https://codepen.io/smnarnold/pen/JjMoxYO
RT George Francis
Surprise! I have a new little mini tutorial for you! ✨
The latest in my "Generative Snacks" series covers three simple, beautiful ways to create generative texture 🖼
Check it out!
https://georgefrancis.dev/writing/texture-generative-snacks/
https://twitter.com/georgedoescode/status/1503368636211286020
RT Jhey 🔨🐻✨
CSS Tip! ✨
Learning CSS animation? 🎞️ Here's how you can make cool staggers, etc. for animating elements 👇
Combine animation-delay with custom property values to create different effects 🚀
Consider these "Boppin' Bears" ʕ – ᴥ – ʔ
👉
http://codepen.io/jh3y/pen/OJzJGee
RT Bence
Today is Pi Day, and I made this little pattern celebrating it!
Monte Carlo 🎲 (557 bytes) #PetitePatterns on @CodePen
But what is Monte Carlo, and how does it relate to Pi? Thread 👇
https://codepen.io/finnhvman/pen/YzYPGpr
RT S. Shahriar | Exploring CSS 🎨
I have implemented a shading algorithm that can evenly spread all possible color variations from the color stops for any number of steps given ✨
Try it on @CodePen
🔗
This is probably the easiest way to control the shades of low poly CSS 3D creations
https://codepen.io/ShadowShahriar/pen/mdpbgog
https://twitter.com/ShadowShahriar/status/1502543107920830466
The "Go Big" #CodePenChallenge continues!
This week, we're making some Giant Buttons 🕹
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/March/2
RT cjgammon
Enjoyed chatting about the web on @CodePen podcast with @chriscoyier recently
https://blog.codepen.io/2022/03/09/358-cj-gammon/
RT Jon Kantner
Skateboard-Like Preloader
https://codepen.io/jkantner/pen/abEoyeK
RT Yoav Kadosh
This is not your typical volume knob.
This knob is 1 louder!
Made as a tribute to England's loudest rock band - Spinal Tap! 🎸
@CodePen
https://codepen.io/ykadosh/full/LYOwdEZ
RT T. Afif @ CSS Challenges
Animating 4 triangles using only one element 🪄
Demo:
#CSS
http://codepen.io/t_afif/full/LYOKwoo
https://twitter.com/ChallengesCss/status/1501999781710909455
RT Jhey 🔨🐻✨
Re @codercatdev @SVGatorApp @BrittneyPostma @rive_app Thanks Alex! 🙏 Had a little spare time this morning so I put a little code together for AJ 👀
Audio on 😉
👉
http://codepen.io/jh3y/pen/wvPLmYL
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
