RT Kyle Stark
In honor of the release of Red (Taylor's Version), I've made this @CodePen:
Reimagining Taylor Swift's RED with other HTML Color Names
https://codepen.io/kaisle/pen/PoKVRLe
RT Maxime Malfilâtre
This week, @CodePen offers me a lot of fun with this #codepenchallenge : let's Party !!!
The knock out text lets appear a nice dancing dog, and I added a text animation for the music beat.
Here is my pen :
https://codepen.io/maxew33/full/VwzqYJO
This "Right Angle Drawing Machine" might be a fun one to try to create using your own choice of tech.
https://openprocessing.org/sketch/493770
RT Jhey 🐻🛠️✨
✨ 3D CSS Flippy Snaps v2 ✨
Writing about the things you make can be very beneficial 💯
Finished writing up how to make these and made the hover much cooler 😎
⚒️ @reactjs && @greensock
👉
http://codepen.io/jh3y/pen/JjyxjMX
RT Brandel Zachernuk
(🧵) I built the texture channels for this #webgl / #threejs book in CSS - Albedo, Metalness/Roughness and Normal map!
Check it out at
https://codepen.io/zachernuk/full/NWvebNp
RT Jonathan Dempsey
Playing around with knockout text and animated gradients for this week's @CodePen challenge! 🥊🥊🥊#CodePenChallenge
https://codepen.io/jonathanedempsey/full/Vwzqxax
RT Lea Rosema
My #anydayshaders 29 via @CodePen has a little pixxellated JS inside as I very much appreciate @jsconfin was happening
I wanted to make a flower but it became a swirl again 😊
https://codepen.io/terabaud/pen/vYJvXOa
RT 🌳 Emanuel Kluge 🐿
Toying around on @CodePen with one of #CSS's greatest additions lately: accent-color.
Give it a try:
https://codepen.io/herschel666/full/KKvbVVd
RT ilithya
I was introd. to Conway’s Game of Life 10 days ago. Ended up in a 🐇 🕳 making a tool for gen art w/cellular automation based on its rules. It has color & shape choices, dark/light & grid modes. Type emoji choice, or char. for ASCII look 😎
https://codepen.io/ilithya/live/QWMaQdg
https://twitter.com/ilithya_rocks/status/1460395142548971521
RT CSS Challenges
A Rick Roll Knockout Text for the #CodePenChallenge 🤭🤭
Demo:
#CSS #rickrolled #rickroll
https://codepen.io/t_afif/pen/eYEQbmg
https://twitter.com/ChallengesCss/status/1460569371483508739
"Responsive Island" by Vast Rideside
Responsive illustrations are so cool.
https://codepen.io/vastrideside/pen/qBXqavY
It's week three of the Text Styles #CodePenChallenge!
This week is all about Knockout Text 💥
Your challenge: take this simple paragraph element and give it some knockout style
https://codepen.io/challenges/2021/november/3
RT Chris Coyier
This Apple Arcade game wurdweb (
I tried building here.
(NOTE: I built with @property in CSS, so Chrome-based only for now. I'm sure there is a better fallback way to do it.)
https://apps.apple.com/us/app/wurdweb/id1507350222
https://codepen.io/chriscoyier/pen/oNePEyW
RT Jon Kantner
If an analog clock’s hands went the opposite way to reach the next hour, minute, and second…
https://codepen.io/jkantner/pen/porZqpK
RT CSS Challenges
A notebook style (with some adhesive tape 😜 ) for the #CodePenChallenge
Demo:
#CSS
https://codepen.io/t_afif/pen/JjyBWqG
https://twitter.com/ChallengesCss/status/1458534897916813315
RT Jonathan Dempsey
In this week's @CodePen challenge we get the opportunity to take a basic template of three content cards and breath a bit of life into them using some custom CSS styles😀 #CodePenChallenge
https://codepen.io/jonathanedempsey/full/YzxjGWy
RT George Francis
Working on demos for a new @css tutorial — generative Houdini Bauhaus grids, anyone? 👀
CodePen here! // [Chrome + Edge only]
https://codepen.io/georgedoescode/pen/qBXYama
https://twitter.com/georgedoescode/status/1458044322230722563
RT CSS Challenges
💡CSS Tip!
Create horizontal lines around your titles without any complex code. No pseudo element, No extra element, No images, No overflow issue.
You can easily control everything using CSS variables.
Demo:
#CSS
https://codepen.io/t_afif/pen/ZEJRRRp
https://twitter.com/ChallengesCss/status/1458397541112893444
RT Jon Kantner
Morphing Submit Button
https://codepen.io/jkantner/pen/zYdaBPJ
RT VRacoare
Back on @CodePen with a FAB morph animation using gsap with SVGMorph to animate the icon.
#MaterialYou #materialdesign #fab #floatingactionbutton #uiengineering #ui #interactive #motion
https://codepen.io/vladracoare/pen/vYJrGZa
Build, test, and discover front-end code 👩🏽💻