@RT Ana Tudor 🐯🖤🌻
Re @CodePen Also made this torus knot https://codepen.io/thebabydino/pen/vYdMVJK??editors=0100
CSS trig functions allow to avoid hardcoding the position vector into a custom prop for each & every item making up the knot as I had to before when coding such shapes:
✨ https://codepen.io/thebabydino/pen/GMmzjP?editors=0100
✨ https://codepen.io/thebabydino/pen/wEqVwz?editors=1000 https://t.co/w7oEa8kYOz
RT Amit Sheen
Just some background pattern animation. 😊
✅ #CSS only.
❎ No divs.
Live demo on @CodePen: https://codepen.io/amit_sheen/pen/zYJzLoy https://t.co/nMIcnJV1Ji
RT Typetura
Here is an example of how to use the built-in `sup` and `sub` functionality in fonts: https://codepen.io/scottkellum/pen/jOvGJEq/5da5646b264d73c2f1d950d4c2b50bb3
Why do it this way?
This wont mess up your line-height. Additionally the weight and alignment have been designed to work with your font, optimizing your typography.
RT Ashraff Hathibelagal
Experimenting with matter.js, a physics library.
https://codepen.io/hathibelagal-dev/pen/xxaXRbg
#javascript #matterjs #codepenchallenge https://t.co/LeOsssfK3d
"Oreo Smash Donuts" by Steve Gardner
https://codepen.io/ste-vg/pen/mdjOaNa https://t.co/CfRcI2M57I
RT Mike-麥-Mai/index.html
OH NO, more minimalist typography CSS from Mike.
OH YES, more minimalist typography CSS from Mike.
I like setting type, what can I say? 🤣
Site: https://mikemai.net/mcss
Github: https://github.com/mikemai2awesome/mcss
@CodePen: https://codepen.io/mikemai2awesome/pen/VwGmMLv
#css #html #minimalism #typography https://t.co/Ujv2jmqXN9
https://twitter.com/mikemai2awesome/status/1632839739756757002
RT David Aerne
Can't get enough of watching live color-palette creations on @CodePen! It's a mesmerising experience that never gets old 💫🎨 #color (chrome struggles with the combination of scale and gradients somehow, safari & ff handle it just fine)
https://codepen.io/meodai/full/XWPaEZy https://t.co/HfWj0UEaiB
RT JunetDesignᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ༝
Sweet Fig https://codepen.io/judag/pen/KmJLEQ a través de @CodePen
✨ Opinion: You probably want "Format on Save" turned on. The global setting is here: https://codepen.io/settings/editor but you can flip it on/off on any individual Pen if you prefer to.
It's just standard-settings Prettier under the hood. https://t.co/E82HFHMhk0
The March #CodePenChallenge starts now!
This month is all about buttons. Let's kick it off with buttons that do something random 🎲
https://codepen.io/challenges/2023/march/1 https://t.co/hmW3rXqGnu
RT Álvaro Montoro
10 Cool CodePen Demos (February 23)
A collection of 10 cool and exciting front-end demos shared on CodePen during February 2023
https://alvaromontoro.medium.com/10-cool-codepen-demos-february-23-b96fb85fe371
#codepen #demos #february
https://twitter.com/alvaro_montoro/status/1631788739667144710
RT Chris Gannon
Manual Loader @CodePen https://codepen.io/chrisgannon/pen/bGKeovd @greensock #javascript #animation https://t.co/1K4xN3fYmG
RT Wakana Y.K.
Which donut is your favorite?😋🍩
Donuts Paradise
Demo : https://codepen.io/wakana-k/pen/BaOQaKM
@CodePen #codepen #threejs #ammojs #donuts https://t.co/eP9p5ujoGY
RT Chris Gannon
Basketball hoop loop 🏀🔄🗑️ @CodePen https://codepen.io/chrisgannon/pen/NWzqyBY @greensock #svg #animation #basketball https://t.co/jIkFtHzEHS
RT Ana Tudor 🐯🖤🌻
For the latest #CodePenChallenge: grainy dissolving an image's edges https://codepen.io/thebabydino/pen/oNMBeye?editors=1100
Done with #CSS + an #SVG filter, heavily commented.
For comparison, the original image in the img tag which you can see on right click, open image in new tab. https://t.co/T0snwG00lr
RT GreenSock
💚 Are you just getting started with animation on the web?
Here's some tips from @cassiecodes to make sure you're animating with performance and accessibility in mind!
MatchMedia Docs → https://buff.ly/3kuJyLG
Demo → https://buff.ly/3IFCIuP https://t.co/oKkf6D3OZp
RT Stefan Bauer
Slide-In Text without resizing and with gradient text https://codepen.io/StfBauer/pen/JjaEqwj via @CodePen #gradient #CSS #animation https://t.co/XSdXlxkH0O
RT Carl 💥 Creative Coding Club
I had no intention of doing any of this today, but I just couldn't resist taking a stab at @tompop99's wonderful animation.
Single Circle demo
https://codepen.io/snorkltv/pen/WNgRzMW?editors=0100
more in thread 👇 https://t.co/apCjS4gP7C
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
