@RT T. Afif @ CSS Challenges
🎨 CSS Art
I am adding a demon slayer to the list. Take a deep breath and say hello to 𝗧𝗮𝗻𝗷𝗶𝗿𝗼 𝗞𝗮𝗺𝗮𝗱𝗼 ⚔️
Demo:
✅ A CSS-only illustration (No images and No SVG)
Find more at
#CSS #cssart #DemonSlayer
http://codepen.io/t_afif/full/ExoXoRa/
http://css-only.art/
https://twitter.com/ChallengesCss/status/1508804932522156037
RT Amit Sheen
CSS Dots Wave 😵💫
(Using a combination of 2 delay values on one animation)
Full Code @CodePen:
https://codepen.io/amit_sheen/pen/vYpZBwP
RT Ryan LaBar
Motion Tip Monday: Creating a dynamic HTML text on a circle component. Developed using @greensock's SplitText plugin, a little regex, and some math. #FrontEnd #javascript #creativecoding #webdev #Webdesign
Check out the @CodePen -
https://codepen.io/ryan_labar/pen/GRymrwr?editors=0010
It's the final week of the "Go Big" #CodePenChallenge 💪
Let's make some Huge Headers!
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/march/4
RT Jon Kantner
Light/Dark Toggle With Morphing Icon
https://codepen.io/jkantner/pen/eYygqJm
RT FrontEndDev
Responsive app menu inspired by Google TV.
Also has a sign-in component cuz that's what this pen started as 'til I morphed it into this weeks challenge lol.
@CodePen #codepenchallenge
https://codepen.io/TheVVaFFle/full/vYpXNJd
https://twitter.com/Th3FrontEndDev/status/1506790980996980738
RT Adam Kuhn
determined to elevate the humble checkbox as the absolute pinnacle of state management I put together this big huge burger nav for this week's @CodePen challenge w/ minimal edits to the template pen and not a whiff of the JS stench
https://codepen.io/cobra_winfrey/full/zYpBQJO
https://twitter.com/cobra_winfrey/status/1506989973827985417
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a border animation around your image with a few lines of code
✅ No extra element (only the <img> tag)
✅ No pseudo-element
✅ No keyframes
✅ Less than 10 declarations
✅ Optimized with CSS variables
Demo:
#CSS
http://codepen.io/t_afif/pen/xxpRrOG
https://twitter.com/ChallengesCss/status/1506593310277869573
RT Sophia Wood
stream of consciousness code with "space" prompt
- who gave me a keyboard anyway?
you were warned
codepen:
openprocessing:
#codepen #WCCChallenge #creativecode
@sableRaph
https://codepen.io/fractalkitty/full/RwxGgKx
https://openprocessing.org/sketch/1523386
RT • nanou •
Cube 🧊! The sides have images!
Link:
https://codepen.io/antoniasymeonidou/pen/BawrZZv
RT Aysenur
Day and Night - SVG Animation 🌇 @CodePen
https://codepen.io/TurkAysenur/full/bGawdKv
RT AdirCode
Toggle! ☑️
This is not a simple toggle switch, it’s a weird 3D version that looks a bit like a Pringles potato chip 😜
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/PoEqGYK
RT 小山最中
p5.js公式ExamplesのRandom Chordsの質感が和紙みたいだったので色合いを寄せてみた。
単色で塗りつぶすよりも複雑になって良い感じ
#011 Washi
#creativecoding #generative #p5js
https://codepen.io/koyamamonaka/pen/RwxReZK
RT Mustafa Enes
Playing with a few formations (yanarlı dönerli) @CodePen
https://codepen.io/pavlovsk/pen/JjMGZVy
RT Aysenur
Liquid Transition Effect @CodePen
https://codepen.io/TurkAysenur/full/YzYqdyb
It's week 3 of the "Go Big" #CodePenChallenge 💪
This week, we're working with Mega Menus 🍔
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/March/3
RT Ana Tudor 🐯🖤🌻
And another flat slider updated on @CodePen:
It was previously using a pseudo on the thumb pseudo to display value. This only ever worked in Chrome for a short while in 2015.
Now using output element tied to range input. Cross-browser, more logical.
https://codepen.io/thebabydino/pen/myKxeO
RT Maxime Malfilâtre
Let me give you this slot machine with its two big buttons: one for spinning, one for stopping.
Hope you like it.
gl and hf !
#codepenchallenge via @CodePen :
Thanks 4 looking.
https://codepen.io/maxew33/full/gOorpMX
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
