@RT Takane Ichinose 市瀬峻峰
#CodePenChallenge Input Box For Halloween
Try to focus on the text box! Trust me, it won't hurt you!😉
I can't think of any text boxes having bad UX interface, so I made an animation using @greensock instead😃
#html #css #javascript #webdev
https://codepen.io/takaneichinose/pen/bGrNaJz?editors=0110
RT GreenSock
💜 We dug into 'exploding' button effects the other day in the GSAP forums.
It was a good opportunity to make use of GSAP's random utility method!
codepen -
thread -
https://codepen.io/cassie-codes/pen/zYdxopE
https://greensock.com/forums/topic/29717-exploding-stars/
📺 Using ES Modules on CodePen with @chriscoyier
https://www.youtube.com/watch?v=FmOGSlWpCaQ
RT Maxime Malfilâtre
My creepy text field for this week codepen's challenge.
Are the balloons floating down there ? 🎈
@CodePen
#CodePenChallenge
https://codepen.io/maxew33/full/bGrdxZj
RT Shruti Balasa
This quote on @CodePen totally explains how CSS is 😄
RT Adam Kuhn
channeling my inner @georgedoescode w/ this gradient & texture heavy generative p5.js -> SVG perlin noise flow field. good ol CSS doin most of the heavy lifting here
thanks for lookin
https://codepen.io/cobra_winfrey/full/MWvYvdw
https://twitter.com/cobra_winfrey/status/1448288618586546177
RT Louis Hoebregts
Of course I've watched #SquidGame and of course I liked it 🤭
So here is the opening title animation made with #SVG and @greensock ✨
https://codepen.io/Mamboleoo/pen/abybJZN
RT 𖤐 𝐋𝐔𝐊𝐘 𝐕𝐉 ( LukyVj )
I just remembered a thing.
You can animate a SVG, with CSS, right into a CSS background.
There is no css for the animation outside of the background property.
Should you do it? I don't know. (prbly not)
But a big power implies big responsibilities.
https://codepen.io/LukyVj/pen/YzxPMOx
RT Peter Garrow
#divtober day 11 - Slice
A missed a few days, but maybe I can make it up with a slice of punkin pie?
@CodePen:
https://codepen.io/garrowp/pen/qBXEpjN
RT Ale 🕷✨
Day 21 #100DaysOfCode
Pumpkin Pikachu with pure CSS ⚡️🎃
CodePen:
https://codepen.io/pokecoder/pen/RwZNQGY
RT Jonathan Dempsey
This week's #CodePenChallenge was going quite well until a pesky ghost possessed my text field. I hope no one else on @CodePen is having the same issue☹️
https://codepen.io/jonathanedempsey/full/BadyEeq
RT Álvaro Montoro
Today's #divtober got a bit out of hand. The word is slice, so I did a slice of pizza. It was a bit sad, so I added cute eyes and a mouth. Then I made it dance (à la Peanut-Butter-Jelly-Time)... and then I made it into an audio element. Demo on @CodePen:
https://codepen.io/alvaromontoro/pen/qBXEdNp
https://twitter.com/alvaro_montoro/status/1447547458742099968
RT Adam Argyle
They updated their design! Time to update my Codepen 🙂
Adam Argyle: I'm a big fan of Firefox Focus
The colors and the UI are classy and vibrant. Go download it now if you haven't tried it!
Out of my admiration for the gradient and layout, here's Firefox Focus in responsive HTML/CSS
https://codepen.io/argyleink/pen/mdPVXgK
RT Dan Wilson
Clip Paths as a framing device for a full screen animation on @CodePen
https://codepen.io/danwilson/full/rNzNQWZ
RT Antoine Wodniack
Card hover effect (as it would have been on Waaark v2 portfolio 👀)
👉
https://codepen.io/wodniack/full/ExvxqqW
RT Amit Sheen
Spring ↕️
#CSS
Full code @CodePen:
https://codepen.io/amit_sheen/pen/zYdYaZE
It's week 2 of the Scary UX #CodePenChallenge!
This week is all about Terrible Text Fields 💀
Thanks @useshortcut for sponsoring!
https://codepen.io/challenges/2021/October/2
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
