@RT Thea 👩🏻💻🐱
It's been one year since my last CodePen Challenge and here's the animation made by @greensock 💚
And thanks to @snorklTV for his amazing course😊
#CodePenChallenge #100DaysOfCode
https://codepen.io/HighFlyer/full/wvrWNrQ
RT Adam Argyle
Here's a little sandbox on @CodePen for you to play with this idea, and some Open Props keyframes 🙂
👉🏻
Adam Argyle: Combine animation props plus subtle bounce effects!
with very very little CSS 🤓
```#css
.push-out {
animation:
var(--animation-scale-down),
var(--animation-fade-out);
animation-timing-function: var(--ease-squish-4);
}
```
https://twitter.com/argyleink/status/1466086683577700352
RT Ricardo Oliva Alonso
3D Spaceship with @greensock
Designed by Adam Witton
Live:
#html #css #javascript #cssart #3D #isometric #voxelart #animation #gsap #codepenchallenge
https://codepen.io/ricardoolivaalonso/full/poWbBdK
RT Louis Hoebregts
Here is a little trick when you try to render a full loop of circles without having the last circle to overlap the first one 🔄
You can check the live demo made with @p5xjs and @greensock on @CodePen ✨
https://codepen.io/Mamboleoo/pen/poWbxRX
RT CSS Challenges
Playing with @MicheBarks Zig-Zag generator, I was able to keep only one gradient for the coloration😊 (but with a small hack 🤫)
Demo:
#CSS
Michelle Barker: Welcome to the Zig-zag Gradient Lab
https://codepen.io/michellebarker/pen/abdKLLz
https://twitter.com/ChallengesCss/status/1468908168302538752
RT Kass 🦈
⭐ CSS Art Nintendo Switch ⭐
Code here:
https://codepen.io/kassandrasanch/pen/mdPRyVx
https://twitter.com/KassandraSanch/status/1468975935361851406
RT Shahid
Now that I am enjoying the #CodePenChallenge here's another animation using @greensock 💚
Here's the code:
http://cdpn.io/poWbyMb
https://twitter.com/__shahidshaikh/status/1468978514959339520
RT GreenSock
💚 We're hosting this month's @CodePen challenges!
In the spirit of Christmas - we're giving away 2 Club GreenSock memberships EVERY WEEK!
To enter, tag us @GreenSock with a link to your CodePen and our wonderful judges will vote for their favourites!
https://codepen.io/challenges/2021/december/
RT carl schooff
This week's #CodePenChallenge challenge is all about easing. Below is one of my more demanding uses of @greenSock's CustomEase.
GreenSock is providing loads of easing resources to help you get started.
Check out the great entries and submit your own!
https://codepen.io/challenges/2021/december/1
RT Mat ‘Wilto’ Marquis
Would you look at that.
Chrome stable (96.0.4664.93), with “Enable CSS Container Queries” toggled on in `chrome://flags/`
https://codepen.io/Wilto/pen/yLzJYjz
RT Nick Watton
Made a simple space invader game with hand drawn graphics over at @CodePen
Have a play 🚀👽💥
https://codepen.io/2Mogs/full/poWbzwo
RT Paulina Hetman
Three.js dancing Tree 🌲 (for Xmas)
https://codepen.io/pehaa/pen/KKXMKMN
RT Shahid
#CodePenChallenge Let's do this
Made using @greensock 💚
Here's the code:
https://cdpn.io/QWqNNBj
https://twitter.com/__shahidshaikh/status/1468253968388149249
RT Vast Rideside
I just finished another illustration after spending endless time creating and organizing the AI file.
Here is a responsive castle:
@CodePen
https://codepen.io/vastrideside/full/gOGPZNd
RT Josh W. Comeau
I've found the best codepen ever:
https://codepen.io/Ma5a/pen/WNEBqPO
RT Shannon Moeller 🧢
I've updated my rooms pen showing how to use scroll-snap and preserve-3d together. Now supports Chrome, Safari, and Firefox with pure HTML and CSS. No JavaScript! @CodePen
https://codepen.io/shannonmoeller/pen/MWpWJGB
https://twitter.com/shannonmoeller/status/1467913949911810049
RT Frank Force
Grayscale Bytes is now on #codepen ✌️😁
There are many possibilities and combinations of things that can occur. Print one out and hang it on your wall, class up the joint a bit.🖼️ #javascript #generativeart #tinycode #creativecoding #abstractart
https://codepen.io/KilledByAPixel/full/NWaxdjg
https://twitter.com/KilledByAPixel/status/1467884232391507968
RT Adam Walker
Made a click/double click animated experiment on codepen -
It uses javascript to tell if it's a click or double click and then gsap and svg for the little 'click' animation.
#gsap #svg #codepen #code
https://codepen.io/renduh/pen/rNGxNzQ
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
