RT Yusuke Nakaya
CSSだけでイライラ棒⚡️ 当たり判定は作ってないから、ぶつかっても何も起きないよ!ただ動くだけ。英語のネイティブだと、「イライラ棒」は何て言うんだろう?
Only CSS: Pointer Game
@CodePen
#css #css3d #cssart #animation #webdevelopment
https://codepen.io/YusukeNakaya/pen/VwbXVBM
RT Elad Shechter
🤓 When you need a #CSS 'display: block' element that takes only the content size, you can now use the 'width: fit-content' instead of the 'inline-block' value.
And has full browser support! 🦄.
@CodePen:
https://codepen.io/elad2412/pen/KKmoMqL
RT Braydon Coyer
This week's @CodePen challenge is all about the Fibonacci Sequence.
Here's my submission using JavaScript Generator functions!
🔗
https://codepen.io/braydoncoyer/pen/vYOOobg
RT Bence
Tiger Skin 🐅 (478 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/XWRZZrx
RT Jon Kantner
Can of Digits
https://codepen.io/jkantner/pen/NWjYPKK
RT Mikael Ainalem
Direction aware, CSS only, yin & yang implementation of cuddling cats on @CodePen. The logic will detect which of the cats the mouse enters and zoom in on it. No JS
https://codepen.io/ainalem/full/VwbyjLQ
https://twitter.com/mikaelainalem/status/1419301405882470402
RT Noah Raskin 🤙🏼
Just published a fun @CodePen with a cool nav link hover animation. Check it out here:
https://codepen.io/noahraskin/live/xxdPKdE
RT Stephanie Eckles
🟣 CSS Quick Tip
Use CSS keyframe animation instead of setTimeout and adding classes to enable a transition effect for newly-added elements.
@CodePen demonstration:
https://codepen.io/5t3ph/pen/oNWpYre
It's the final week of the July #CodePenChallenge!
Let's wrap up the "Patterns" challenge with a pattern made of numbers — the Fibonacci sequence ꩜
Thanks @EducativeInc for sponsoring!
https://codepen.io/challenges/2021/july/4
RT Mert
🆕 Pricing UI with PrimeFlex
@primefaces @CodePen
https://codepen.io/knyttneve/pen/NWjwbKz
RT Steve Gardner
To celebrate the #Olympics here's an old @CodePen I made 5 years ago!
https://codepen.io/ste-vg/pen/kXzXYW
RT Aybüke Ceylan
Pin Toggle Interaction @CodePen
https://codepen.io/aybukeceylan/full/abWLPao
RT Amit Sheen
Moving on a Penrose Triangle.
#CSS
Full code @CodePen:
https://codepen.io/amit_sheen/pen/gOWXMJp
RT Nick Watton
Made a Friday code noodle on @CodePen using JavaScript to model a Victorian animation toy.
https://codepen.io/2Mogs/pen/oNWZdVM
RT Jon Kantner
Segmented Progress Bar
https://codepen.io/jkantner/pen/poPWVbV
RT David Aerne
Color Ramp Builder Samples:
https://codepen.io/meodai/details/xxdddLJ
RT Ren Dlik
THIS WEEK’S CHALLENGE - Tessellation
#codepenchallenge
@CodePen
#100DaysOfCode #webdevelopment #WomenWhoCode #womenintech
https://codepen.io/panvicka/full/KKmvQmw
Build, test, and discover front-end code 👩🏽💻