RT 小山最中
ランダムウォークする線で植物を書く。ツタの曲がりやすさ(一つ前の点と同じ方向への曲がりやすさ)が変わると植物全体の形も変わってくる。
#043 Vines
#creativecoding #generative #p5js
https://codepen.io/koyamamonaka/pen/wvygeBR
RT Mikael Ainalem
If there were such a CSS rule as @media screen-capture { ... } developers and designers could design the UX/UI around showing sensitive info. On @CodePen
https://codepen.io/ainalem/full/poaRVzR
https://twitter.com/mikaelainalem/status/1526226517373722625
RT T. Afif @ CSS Challenges
🎮 CSS Game!
After the Coin Collector, here is the Gem Catcher!
A CSS-only Game
✅ 0 JS
✅ 0 SVG
✅ 0 image
✅ 0 <input>
Demo:
Can you do it in less than 1s? 👀
Record yourself and show me your best attempt! 👇(❌No screenshot!)
#CSS
http://codepen.io/t_afif/full/YzeNyjR
https://twitter.com/ChallengesCss/status/1526156336588791808
It's week three of the Get Moving #CodePenChallenge!
This week, let's swing 🏌️
Thanks Swimm for sponsoring!
https://codepen.io/challenges/2022/May/3
RT kazhashimoto
CSSで窓から差し込む日差しを描く。
1. 太陽はmix-blend-mode: plus-lighterで眩しくする(Operaは未対応)
2. 太陽光線はflexアイテムにbox-shadowを離して強めに効かせて3DでrotateX()
https://codepen.io/kaz_hashimoto/pen/KKQdMrY
https://twitter.com/kazhashimoto1/status/1525116973642022912
RT Kaz | Artveloper | Web3
In case any of you are interested, I am making a PURE CSS GAMES collection on @CodePen including my very own Halloween Hunters shooting video game.
https://codepen.io/collection/OLRVjb
RT Asyraf Hussin
Draw @MoSalah using CSS
@CodePen :
https://codepen.io/AsyrafHussin/pen/QWjLqqx
https://twitter.com/asyrafhussin4/status/1525037505497534464
RT Álvaro Montoro
Justify-content demo:
It was coded in HTML and CSS, here's a video of the process:
I kind of like the cartoon character with the space-between eyes. Maybe I should draw them like that from now on.
https://codepen.io/alvaromontoro/full/vYdyOxe
https://www.youtube.com/watch?v=KX8hr2QksXA
https://twitter.com/alvaro_montoro/status/1525158777300959232
RT Ana Tudor 🐯🖤🌻
#tinyCSStip You can create your own custom counters! Using custom strings, emojis and so on...
Quick @CodePen test:
More info on @MozDevNet:
https://codepen.io/thebabydino/pen/wvyzOjM
https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style
RT Aaron Iker
Useful Datepicker
Demo @CodePen
Using @greensock (Draggable)
https://cdpn.io/MWQjxro
"3D glass weather icons" by Vincent Durand
https://codepen.io/onediv/pen/MWQKgmv
"HyperCSS" by Dan Wilson
https://codepen.io/danwilson/pen/qGdJGq
RT Jarrod Thibodeau
I have no idea what to call this thing. It is just a menu concept based around a circle and rotating stuff with clicks and arrow presses and messages of me rambling on and on.
That being said, I hope you enjoy it!
On @CodePen
https://codepen.io/jarrodthibodeau/pen/QWQNQdb
https://twitter.com/jarrodthibodeau/status/1524815263245520896
RT Vincent Durand (Wyllen)
I tried to remake this one with HTML/CSS 😅
https://codepen.io/onediv/pen/MWQKgmv
RT Jon Kantner
Watch what happens to the handle when you toggle this switch!
https://codepen.io/jkantner/pen/RwQGKrd
RT Yusuke Nakaya
Shader 練習中。まだ fragment のみだけど、めちゃくちゃ楽しい。少し計算を変えるだけで、顔つきが全く変わるのが面白い🥳 ただ、仕事で「要件通りに」するのがとても難しい...。
Practice: Shader + PixiJS Rev6
@CodePen
#shader #WebGL #PixiJS
https://codepen.io/YusukeNakaya/pen/wvyWPNd
RT Louis Hoebregts
Morphing Terrain - @threejs
#Everest #WebGL @CodePen
https://codepen.io/Mamboleoo/pen/oNELRPq
"The Happy Sailor (Pure CSS Animation)" by Tucker Massad
https://codepen.io/tuckermassad/pen/XWVwzax
Build, test, and discover front-end code 👩🏽💻