@RT Kit Jenson
Need a gradient? Try out my Infinite Gradients Generator.
#codepen #gradient #CSS #HTML #javascript #Webdesign #webdev #helpful #free
https://codepen.io/kitjenson/full/XwXEYX
RT Yoav Kadosh
Infinite scroll animation - Infinitely scroll any content horizontally using CSS animations.
The code includes a customizable React component!
@CodePen :
https://codepen.io/ykadosh/pen/KKezJzz
RT T. Afif @ CSS Challenges
🎨 CSS Pattern!
Demo:
More CSS-only Patterns 👉
#CSS
http://codepen.io/t_afif/full/abKNOXP
http://github.com/Afif13/CSS-Pattern
https://twitter.com/ChallengesCss/status/1587760773501263874
RT Jon Kantner
Compass Preloader
https://codepen.io/jkantner/pen/rNKVMKd
RT 👻 jheyQuery v6.6.6 🔨🎃✨
Don't forget about print.css! 🖨️
Here's print.css but not how you might know it 😅
Input an image URL and see it printed out with CSS 💙
Demo link below 👇
RT Álvaro Montoro
#divtober 28: monster
👺
Demo on @CodePen:
I know, I know... Although it turns into a monster for a while, No-Face is technically a spirit and not a monster. 😳
Álvaro Montoro: #divtober 27: grain
🧂
Demo on @CodePen:
Take this drawing with a grain of salt.
http://cssdrawings.com/
https://codepen.io/alvaromontoro/pen/rNKaGaP
https://twitter.com/alvaro_montoro/status/1585114525317361664
https://twitter.com/alvaro_montoro/status/1585954524744802305
RT Greg RoBOOleto 👻
Day 28 of #divtober is "monster"
This 📖 book was one of my favorites as a kid. I ❤️ how interactive and meta it is (with a twist ending, no less). So fun!😁
🏷️#css #allcss #cssart #allonediv #sesamestreet #grover #monster #book
Code on @CodePen:
https://codepen.io/robleto/pres/NWzPbwB
RT Chris Coyier
Re Pens as prototypes are the best because they are live and interactive, not a static image. Everyone can experience it. Click things. Resizing things. Update the content.
📽 During a meeting or presentation, flip into Presentation Mode to show people.
https://blog.codepen.io/documentation/presentation-mode/
RT Chris Coyier
Can you use Preact on CodePen? For sure. Let's see how it's done real quick.
Signals 📝
Pen
https://preactjs.com/blog/introducing-signals/
https://codepen.io/team/codepen/pen/JjZoNmK/92217911b028a801e1d9ffab29560119
RT Rob DiMarzo
There's something mesmerizing about Rorschach inkblot tests, so I made a generative svg version on @CodePen ! Click around and tell me what you see!
👀
https://codepen.io/robdimarzo/pen/QWxWoeG
RT Louis Hoebregts
For a recent project I had to animate #SVG and now I want to do nothing else but that in my daytime... 🥰
So here is a little @greensock typography animation ✨
Check the smooth 60fps (or more 👀) demo on @CodePen 🧑💻
https://codepen.io/Mamboleoo/pen/LYrYMzK
RT Johan Karlsson
Re 🌻 Line Flower on @CodePen:
Click to generate a new random flower! 🌼
#generative #creativecoding
https://codepen.io/DonKarlssonSan/full/PoeyBog
https://twitter.com/DonKarlssonSan/status/1584965951518257152
RT carl schooff
Working on a number of animations for a site update.
Will be trickling them out as standalone @CodePen demos. So much one can do with 2 lines of @greensock.
https://codepen.io/snorkltv/pen/YzvzKeE?editors=1010
RT Greg RoBOOleto 👻
Day 25 of #divtober is "luminous"
Are you watching Andor? Wow! That heist episode was epic, and escaping during The Eye was so visually stunning I was compelled to try to recapture it.
🏷️#css #cssart #cssgradient #andor #theeye #StarWars
On @CodePen:
https://codepen.io/robleto/pres/dyKbpYy
https://twitter.com/i/web/status/1584896303435517952
RT Chris Coyier
Offset values on `position: sticky;` items is fun.
Felt cute on the blog, might delete later.
Paul Armstrong: I'm really enjoying watching @chriscoyier’s blog theme, style, and interaction evolve. Current scroll behavior rolls all of the posts up into a stack of cards.
It's the final week of the October #CodePenChallenge 🎃
Let's send it off with a very Happy Halloween!
https://codepen.io/challenges/2022/october/4
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
