@RT Paulina Hetman
Let's get back to learning Three.js - CodePen - Hover Effect
https://codepen.io/pehaa/pen/popMNEM
RT Kit Jenson
Been toying with some beat 'em up mechanics the past few days. Check it out...
#creategames #indiegame #gamedev #indiegamedev #indiedev #indiegames #game #gaming #javascript #gamedevelopment #games #videogames
https://codepen.io/kitjenson/full/KKZjwJL
RT David K. 🎹
Loved this cursor glow by @linear so much that I had to recreate it with CSS and a little bit of JS on @CodePen:
🔗
It uses CSS variables, radial gradients, and a clever inset to achieve the effect ✨
Brian Lovin: This is neat — the cursor glow hits the edges of neighboring boxes, but doesn't illuminate their fills until the mouse actually crosses over.
Lovely work, as always 😍
https://twitter.com/linear/status/1519015271201222660
RT matty
some output from my submission for @sableRaph's #WCCChallenge last week
code & animated live version at
#generativeart #creativecoding #webgl
https://codepen.io/mattywillo_/full/zYpXQdP
RT Kit Jenson
My twitter header is a screen grab from an old game I made about pushing planets into the sun.
Check it out:
#creategames #indiegame #gamedev #indiegamedev #indiedev #indiegames #game #gaming #gamedevelopment #games #videogames
https://codepen.io/kitjenson/full/zQEdmE
RT ilithya
S02 E04 #curiouslyminded ✨
Earlier this year @iamelizasj and I welcome 2022 with a fabulous guest on our stream — @formographik Nicole took us on a gradient & noise journey which was very detailed!…
https://codepen.io/ilithya/details/jOGgLBJ
https://twitter.com/ilithya_rocks/status/1518324602715389959
RT Tucker Massad
The Happy Sailor
https://codepen.io/tuckermassad/pen/XWVwzax
RT Adam Argyle
Animate opacity and not a blur() filter.
See it in this demo:
The blur() animation has awkward viewport edge blurring. Opacity animation doesn't.
Also, the effort level (CPU or GPU usage) of the opacity animation is far less than a filter.
Win. Win.
https://codepen.io/argyleink/pen/eYyawqx
RT Álvaro Montoro
An interactive SNES controller in 3D, coded in HTML and CSS.
Click on the top circle to change the camera angle. It works using a mouse, keyboard, or a gamepad connected to the browser (I had to add a pinch of JS for that 😉)
Demo on @CodePen:
https://codepen.io/alvaromontoro/full/PoEgRPG
https://twitter.com/alvaro_montoro/status/1518569304249315333
RT Ahmad Shadeed
💡In flexbox, pseudo-elements are treated as flex items.
In the example, the line is filling the available space, and the margin will flip based on the direction thanks to CSS logical properties.
h2:after {
flex: 1;
margin-inline-start: 0.5rem;
}
🔗
https://codepen.io/shadeed/pen/yLpWBmP
RT Louis Hoebregts
Combining @greensock power with @threejs and boom 🔥
The animation is using `.setDrawRange()` on each tube's geometry to make them grow 💡
Watch it live (without Twitter compression) on @CodePen ⚡️
https://codepen.io/Mamboleoo/pen/abExQmM
It's the final week of the April #CodePenChallenge!
This week we'll focus on the little details in a long article 🔍
Thanks @memberful for sponsoring!
https://codepen.io/challenges/2022/april/4
RT Chris Coyier
Loved talking with @winkerVSbecks this week on @CodePen Radio
I got to ask a lot of questions about the generative NFT world that I was curious about.
https://blog.codepen.io/2022/04/20/364-varun-vachhar/
RT ˗ˏˋrogieˎˊ is going to config
Probably one of the most weird things I've coded on a whim is this emoji to higher rez png thing. Type in an emoji, hit download, get a high rez png of it:
https://codepen.io/rogie/full/zYpbbLY
RT Maxi83c
¿Qué les parece esta lámpara de lava que hice con CSS?
Pueden verlo aquí:
➡️
#CSS
https://codepen.io/maxi83c/full/ExoMGGv
RT AviHenri @ Love To Code
Earth Day 2022.. be kind to our planet 🌱 🪴 🌍
CSS Earth Day Pixel
#CSS #SCSS #pixelart #EarthDay2022
https://codepen.io/avihenri/pen/NWXzNKZ
RT Louis Hoebregts
Drawing shadows with #canvas can be hard to manipulate and very non efficient!
A quick solution is to duplicate your canvas into another one with `blurCanvas.drawImage(canvas)` and apply a `filter: blur(5px)` in CSS on it ✨
Check the code on @CodePen 👇
https://codepen.io/Mamboleoo/pen/GRyexvE
RT Jhey 🔨🐻✨
CSS MonDDDrian 🎨✨
Tap to regenerate! 👇
Seen some posts about learning CSS Grid by creating Mondrian style paintings 😎 Thought I'd recreate an old CSS Grid demo in 3D 🚀
👉
http://codepen.io/jh3y/pen/mdpvBey
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
