RT Rock Starwind | rebooting
Re Play with the colors via the CSS editor in the demo below and come up with your own variants!
Links & Credits
✅ @CodePen:
✅ Powered by Augmented-UI (
✅ Augmented-UI by @James0x57!!!
✅ Fanmade Namco font by Akihiro (dafont)
https://codepen.io/RockStarwind/pen/vYZMyLx
http://augmented-ui.com/
RT Lynn Fisher
When a CSS animation makes your laptop fans take off...
#divtober 01: Fan
💨
@CodePen:
http://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/WNOWjJL
RT Memiasma McMisty
Need a Halloween Name? I ported my Halloween Name generator to Codepen. Good results not guaranteed.
https://codepen.io/melissamcewen/full/MWoRjrX
https://twitter.com/melissamcewen/status/1443980036177072133
RT Ana Tudor 🐯
See me code this pure CSS 🌈 skipping rope in under 15 min:
Play with it on @CodePen:
Inspiration:
dave: :)
RT Amit Sheen
Balls Vortex.
Full code @CodePen:
https://codepen.io/amit_sheen/pen/NWgJLKd
RT jesús 🥑
96 / #100DaysOfCode
Just finished this week's #CodePenChallenge.
The topic for this week was reflections.
Check it out 👇🏼
@CodePen
https://codepen.io/jesusrmz/full/vYZPROV
RT Sophia Wood
I made a toy today. Click to add leaves.
p5(better for mobile):
codepen:
#mathart #codepenchallenge #reflection #generativeart
https://preview.p5js.org/fractalkitty/present/58TBkEyBo
https://codepen.io/fractalkitty/live/0fecc8644b62ac894c6307f9e95bb293
RT Cory LaViska
Just learned that going to
https://pen.new/
RT Elad Shechter
🤩 The #CSS property 'aspect-ratio' is now supported in all evergreen browsers!
* The last two browsers, Safari 15 and Samsung Internet 15 (updated today) , are now supporting this feature.
@CodePen:
https://codepen.io/elad2412/pen/MWmbLdx
RT Maxime Malfilâtre
A simple pure css kaleidoscope for the reflections challenge.
I remember the one I had when I was a kid, it was magical 🧙
#CodePenChallenge
https://codepen.io/maxew33/full/VwWqqor
RT Ben Evans
Drawing in CSS - Sci-Fi Art: A Vacuum From Space
No images - just pure CSS!
via @CodePen
#CSS #CSSart #CSSonly #pureCSS #drawingincode #drawingInCSS #scifiart #OriginalContentArtist
#dystopian #blender
https://codepen.io/ivorjetski/pen/ZEyyzXm
RT Adam Kuhn
for this week's 'reflection' @CodePen challenge. no JS just lotsa box-reflect + pixel SVG filter + some CSS masking + backdrop-filters w/ some hovers to adjust animation-delay offsets
yeah i'm into NFTs (nice fuschia triangles)
https://codepen.io/cobra_winfrey/full/JjJwZbr
https://twitter.com/cobra_winfrey/status/1442941326656360448
RT Fabio Ottaviani
This morning I woke up with the desire to convert this my old pen into #glsl.
Anyway it's all about math!
Vs
#shadertoy #webgl #shaders
https://codepen.io/supah/pen/OJXJgZq
https://shadertoy.com/view/NddXzH
RT Stephanie Eckles
⭐️ On stream today we started building this CSS Houdini Worklet for a "cosmic starfield"
Demo:
Repo:
Stream replay:
https://codepen.io/5t3ph/pen/RwgqVZO
https://github.com/5t3ph/houdini-cosmic-starfield
https://www.twitch.tv/videos/1159895038
It's the final week of the September #CodePenChallenge!
This week, we're working with Reflections 🪞
Thanks @back_hub for sponsoring!
https://codepen.io/challenges/2021/september/4
RT jake albaugh
random @CodePen for the day. flipping a page back and forth.
https://codepen.io/jakealbaugh/pen/jOweVPM
RT 🐴 Frontend Horse
Look at this mesmerizing CSS art by @amit_sheen!
How's he doing it? With a lot of circle divs and a mastery of CSS keyframes.
All circles go through the same transforms, just at different times. It's easier to see with just three circles.
@CodePen:
https://codepen.io/amit_sheen/full/wvemmVz
https://twitter.com/FrontendHorse/status/1441417578384183298
RT Johan Karlsson
Iso Boxes on @CodePen:
Click to get a new random pattern! - it's not super fast since I'm not using any fancy algorithms, but brute force 😅
A new era has begun. #rectanglepacking
#creativecoding
https://codepen.io/DonKarlssonSan/full/yLXEmob
https://twitter.com/DonKarlssonSan/status/1441088620497043464
RT Aysenur
✨ Product Showcase UI @CodePen
https://codepen.io/TurkAysenur/full/gORaboY
Build, test, and discover front-end code 👩🏽💻