RT Paulina Hetman
CSS-only, tiny animated illustration - Take a Rope and Skip to Spring #codepenchallenge
https://codepen.io/pehaa/pen/QWGQMRd
RT Jon Kantner
Image to Stencil
https://codepen.io/jkantner/pen/RwoxvvV
RT Yusuke Nakaya
Play with a CSS umbrella! What color do you like?☂️
過去のCSS作品。傘を閉じたり開いたり🌂☂️色を変えて遊べるよ👨🎨
Only CSS: Umbrella
@CodePen
#css #css3d #animation #webdev
https://codepen.io/YusukeNakaya/pen/zYqbggw
RT Amit Sheen
I know that some versions of 'skipping stones' have already been made for this week's #CodePenChallenge, but I wanted to challenge myself to create a better looking ripple that feels (roughly) real.
So, what do you say?
Full code @CodePen :
https://codepen.io/amit_sheen/full/abBEwzN
RT Sandra Davis 🇪🇺
Some geometric birds from a CSS coding challenge #FlockOfArtists
https://codepen.io/lunamatic/pen/NWbXxaR
RT Colleen Lohr 🤓
Hey y'all! Finished my submission for this weeks CodePen challenge,'Skip'. I made a loader overlay with option to skip the load. 🎨
demo:
#css #JavaScript #codingisfun #WomenWhoCode
https://codepen.io/cmlohr/pen/qBqVdwm
RT andrew
Been awhile since I've been in codepen
Tailwind is just 🔥
Idea: real time sprint huddle view.
(Ideally view on larger screens)
https://codepen.io/andrewrock/full/abBVBvo
Classy, simple, free landing page templates:
Takes two seconds to copy one into a Pen:
https://uisual.com/
https://codepen.io/chriscoyier/pen/RwojMay
RT Cassidy
I wrote up a post (inspired by @shanselman) for making a virtual credits sequence in your calls!
https://dev.to/cassidoo/making-a-virtual-credits-sequence-for-your-video-calls-with-obs-and-codepen-3dco
It's the final week of the February #CodePenChallenge ✨
This week's action prompt is: skip! Skip links, skip tracks, or maybe skip some rocks
https://codepen.io/challenges/2021/february/4
RT Monica.dev
tea-driven development ☕️ this animation is brought to you by my latest bubble tea craving
CSS animation @CodePen -
@greensock (JS) CodePen -
alt: taro tea character with cheeks blushing as bubbles move around
https://codepen.io/M0nica/pen/rNWwpVR
https://codepen.io/M0nica/pen/QWGgVLQ
https://twitter.com/indigitalcolor/status/1362740969314136067
RT Bryan Robinson
Remember friends, CSS floats aren't evil if you use them for good!
Exhibit A: Match a float with shape-outside for visual flair!
https://codepen.io/brob/pen/XWNgMOm
RT Colleen Lohr 🤓
Hey y'all breaking for dinner. Finished my submission for the CodePen challenge 'Fold'. Lots of fun, and I think it's fair to say I like 3d things. 😊
Demo:
#CSS #WomenWhoCode #code #design
https://codepen.io/cmlohr/pen/abBJPdd
RT Jon Kantner
Image to LCD
https://codepen.io/jkantner/pen/JjbJWGo
RT Shunya Koide
Space Travel 🚀
👉
Wanted to make SVG & 3D animations in the same scene.
It was fun to play with GSAP👌
I used @threejs_org and @greensock(Morph/DrawSVG Plugin)✨
#gsap #threejs #codepen
https://codepen.io/shunyadezain/pen/GRNEyZW
RT Toshiya Marukubo
Design Trace | from Choco & Co, Isabel de Peque-san
Practiced Canvas, JavaScript.
It seems these are chocolate package design.
Code is here 👇
https://codepen.io/toshiya-marukubo/pen/abBwbKM
https://twitter.com/toshiyamarukubo/status/1362239340504444929
RT Jhey 🐻🛠
Pure CSS Stopwatch ⏱️
• Functional 👍
• No JavaScript ⚒️
• Uses "at-property" 😎
👉
https://codepen.io/jh3y/pen/jOVmJBL
RT Adam Kuhn
built a lil showcase of some recent @CodePen demos to share w/ my coworkers w/ some fancy splittingjs cursor effects & the always fun GSAP scrolltrigger plugin and I think I may have gotten myself like 1/36th of the way to a portfolio refresh
https://codepen.io/cobra_winfrey/full/OJRjBoj
https://twitter.com/cobra_winfrey/status/1362126839418880012
RT George Francis
New CodePen! ✨ Meet BauBuds — #generative, Bauhaus inspired characters built with SVG. These are for an upcoming project so keep a look out! 👀
https://codepen.io/georgedoescode/pen/VwmbxRy
https://twitter.com/georgedoescode/status/1362100830380453896
Build, test, and discover front-end code 👩🏽💻