@RT Annie🦄⚡
D-85 #100DaysOfCode
CSS art, single div flickering neon text animation.
A reminder to myself, and you, if need it.
@CodePen 👉
https://codepen.io/anniebombanie/full/wvrrZep
https://twitter.com/anniebombanie_/status/1474236825321541632
RT Bence
Moonshot project completed 🚀🎉
In 2021 I committed to create a unique organic pattern or texture each week in pure SVG. Size limit was 560 bytes (2 tweets). This is the 52nd piece:
Moon Surface 🌑 (416 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/bGoazpM
RT Lea Rosema
Re Final demo is on @CodePen
Added physics 🌨️
Every snowflake is individual❄️
https://codepen.io/terabaud/pen/NWaXvoy
RT Mikael Ainalem
The Material Design hamburger to close animation with a slight twist. The lines bend to make it slightly more delightful. On @CodePen
https://codepen.io/ainalem/full/jOGYPQN
https://twitter.com/mikaelainalem/status/1475364288348966913
RT Toshiya Marukubo
Study of #javascript #canvas
Based on Moirémotion by TAKAHIRO KURASHIMA-san
Please google it.
This is moire effect. If you are not good at this effect, please don't watch this video.
Demo and Code👇
Video alt : Moire effect using lines.
https://codepen.io/toshiya-marukubo/pen/ExwbrVV
https://twitter.com/toshiyamarukubo/status/1475095584944324609
RT AdirCode
I made this pattern maker code that spits out random images from pre defined colors, but the bizarre thing is that my iPhone can detect text in those images (there is no text, only simple shapes)
Here’s the @CodePen:
Made mostly with @p5xjs
https://codepen.io/Adir-SL/pen/vYeZqYY
It's the last #CodePenChallenge of 2021!
You're gonna flip for this week's prompt 🥞
Thanks @greensock for sponsoring, and @cassiecodes for hosting December's challenges!
https://codepen.io/challenges/2021/December/4
RT Jhey 🔨🐻✨
Re Forgot to follow up and share how this concept works 🤦♂️
With @greensock, you're tweening values. Time is a value much like any other. If you abstract a level up, you can tween the time of a timeline 🤯
What else could you tween? ✨
👉
http://codepen.io/jh3y/pen/yLgOgpq
RT Ale 🎄✨
My Christmassy CSS art of the day! ☃️✨
I think this one came out pretty cute, if I do say snow myself 😏
https://codepen.io/pokecoder/pen/abLLwQM
RT Bence
Merry Christmas, y'all!🎄
Snow Spheres ❄️ (509 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/poWWxoM
RT Toshiya Marukubo
Study of #canvas #javascript
Code👇
Video alt : A lot of triangles are scaling.
https://codepen.io/toshiya-marukubo/pen/jOGGKPj
https://twitter.com/toshiyamarukubo/status/1473993798347014145
RT Yannick
Thanks @CodePen and @greensock for this week's loop challenge.
The motion path plugin is awesome and makes animating a blast🙌.
I never tried GSAP because I felt comfortable enough with pure JS + CSS. This was a big mistake. Never stop learning new stuff🤓
https://codepen.io/Coderesting/pen/gOGGWpd
RT Nekto Designer
I'm so glad to participate in the #CodePenChallenge hosted by @greensock! 🙌 There is still room for improvement, but I did my best to tame the animation and bring some joy through animation 😊
Happy holidays, everyone!🎄 🎉
https://codepen.io/Nekto/full/vYeJQMX
https://twitter.com/Nekto_Designer/status/1473469910298861572
RT Álvaro Montoro
An interactive snow globe with a snowman inside in CSS (this counts as two, right? @sowg18 @nazanin_ashrafi.) Go to the demo and press on the snowglobe to shake it and make it snow.
Live demo on #CodePen:
Video of the process:
https://codepen.io/alvaromontoro/full/jOGLeJV
https://www.youtube.com/watch?v=ztNi38wE3rw
https://twitter.com/alvaro_montoro/status/1473468047495155713
RT Louis Hoebregts
I love blobs. #webgl
There, I said it 🤷♂️
@CodePen @threejs
https://codepen.io/Mamboleoo/pen/ExwXWyy
RT Paulina Hetman
The pleasure I had to build this one was priceless. Santa was here. CSS-only seasonal illustration. Merry Xmas 🎄🌲
https://codepen.io/pehaa/pen/OJxgKbE?editors=0010
It's the 3rd week of the December #CodePenChallenge!
This week's prompt is: Loop 🌀
Your host @cassiecodes from team @greensock gets you in the loop with plenty of ideas & resources to craft a hypnotic loop animation
https://codepen.io/challenges/2021/december/3
RT Albert 🦄 Walicki
My new CSS-art is here 🚀 It took me more than 4 hours to complete 🤯
CodePen link in the first comment!
https://twitter.com/albertwalicki/status/1472609319665471490
RT Marian Ban 🖖
I made an animated Viking ship on a sea cruise in #threejs This is my 5th mini project in three.js. It may take time to load the models so please have patience🙂
@CodePen link
#creativecoding #threejsJourney
https://codepen.io/marianban/full/MWEogJv
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
