@RT Zajno
If you've already checked out our Motion project and have an itch to create your own animation or simply want to see how we tackled some of the challenges, we invite you to visit our @CodePen profile for an exclusive look behind the scenes.
http://bit.ly/434lkZa
Let's dive… https://twitter.com/i/web/status/1659200645839360001 https://t.co/f1xL1TXTG9
RT Mads Stoumann
1980's Pop Magazine Pullquote https://codepen.io/stoumann/pen/jOeeeBB via @CodePen https://t.co/mO6fIbJN5K
RT Amit Sheen
Flying through hexagons 🚀
#CSS only (using @SassCSS)
Live demo @CodePen: https://codepen.io/amit_sheen/full/OJBwPgy
⚠️Warning: Contains flashing images https://t.co/DDnFz65Dpi
RT jhey 🔨🐻✨
Animated 3D CSS Helicopter! 🤙
📢 "Get to the choppa!"
@CodePen link below 👇 https://t.co/pYI3MxD9Rz
RT Luis Thiam-Nye
I'm pivoting to video game development, my true calling.
👆Click The Button. What's so hard about it?
Try it yourself: https://codepen.io/luisthiamnye/full/GRYXGGN
And that's only the beginning... https://t.co/kPkB3BunEZ
RT AdirCode 🔥
Here's a fun concept - Filtering tags made with only pure #CSS (with no #javascript at all) using the :has selector 👍
Here's the @CodePen:
https://codepen.io/Adir-SL/pen/vYVaXmw https://t.co/GDys6I4uj1
RT LukyVj - A$AP Luky
👋 Heyoo
Here is the #CSS demo Inspired by Apple's Fitness app 🍎
Using:
- Conical gradients ✨
- Pseudo elements 🫥
- cos() & sin() fn 🧮
- display-p3 colors 🌈
Once again, it's simpler to make it than it looks 🤓
Small thread & @CodePen at the end 🧵⬇️
#webdesign #frontend https://t.co/wL8sMW3nJP
RT Mustafa Enes
Re @CodePen Gravitational ferforje is inspired by my balcony. Live: https://codepen.io/pavlovsk/pen/OJBoZjK https://t.co/UIMARW6MrE
RT Una 🇺🇦
In honor of popover landing in stable Chrome next week(!), I converted my CSS trigonometry radial menu demo into a popover!
Now it has light-dismiss (click away to close) and keyboard bindings (hit esc key to exit) for free — no JavaScript required
https://codepen.io/una/pen/Poydeyo https://t.co/TBzNISLtUb
RT LukyVj - A$AP Luky
Re Voilà! That's it! That was a short thread, but you get the idea!
Here's the @CodePen link 🔗 https://codepen.io/LukyVj/pen/rNqvowZ
Follow me at @lukyvj for more #CSS content 🔥
Cheers🤙 https://t.co/tdmxSamcwx
RT Ksenia Kondrashova
My 3D dice roller project 🎲 is now live on CodePen!
Live demo & source code: https://codepen.io/ksenia-k/pen/QWZVvxm
Made with @threejs and cannon-es (@pmndrs)
Hosted on @CodePen
#cannones #creativecoding #gavedev https://t.co/kosv4ai1BD
RT Chris Gannon
Variable font Loader using GridLite @CodePen @greensock
Pen: https://codepen.io/chrisgannon/pen/BaqORmR
Font: https://v-fonts.com/fonts/gridlite https://t.co/ROR48NqvKo
RT Zoë | z-
Stacked cards that show on hover. A friend asked me how to do this effect so I whipped this up for them and I wasn't sure going into it but I quite like it.
https://codepen.io/z-/pen/eYPLWWL on @CodePen #CodePen #webdesign #css https://t.co/uM29TuUWrU
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Add a fancy 3D effect to your image with a simple code
✅ No extra element (only the <img> tag)
✅ No pseudo-element
✅ No JavaScript
✅ Perfect 3D illusion on hover 🤩
Demo: http://codepen.io/t_afif/full/qBJyXNy via @CodePen
#CSS https://t.co/rrmeSU80ME
https://twitter.com/ChallengesCss/status/1658415005883154432
RT Jordan Dey
I've created an instant photo film gallery!📸
Featuring a vanilla #javascript drag and drop functionality for desktop and mobile devices.
@CodePen: https://codepen.io/DeyJordan/pen/ExdpEYV
#photography #HTML #CSS #webdesign #frontend #CodePen #CodeInspiration #WebDevCommunity #CodeFun #CodeDemo https://t.co/fyOUYobjd6
RT Konstantin Denerz
Just created generative art with #CSS ✨. Only a body-element with animated background.
📐 CSS cos() & sin()
🧙♂️ @property rule
✅ SCSS functions
✅ No JS
✅ 1 Element
🔗 https://codepen.io/konstantindenerz/pen/jOeKXmB via @CodePen
#animation #gm #geometry #generativeart #houdini https://t.co/151MsX3t65
The "Typography of Quotes" #CodePenChallenge continues!
This week, we're working with pull quotes 💻
https://codepen.io/challenges/2023/may/3 https://t.co/rSLvVVAE8U
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
