@RT @amit_sheen: You know how each task has its small notes and Little Details?! so for this week #CodePenChallenge, I added these Little De…
RT Jhey 🔨🐻✨
"Think outside the box ✨"
Pure CSS toggle created with the Houdini Properties and Values API 🚀
The joy of this approach is being able to choreograph separate transition delays for parts of a transform 🤓 (Next tweet explains 👇)
👉
http://codepen.io/jh3y/pen/BaJYYjK
RT Amit Sheen
You know how each task has its small notes and Little Details?! so for this week #CodePenChallenge, I added these Little Details to a small popup with some simple CSS.
Live demo @CodePen:
https://codepen.io/amit_sheen/full/ExooBLg
RT @MicheBarks: Little demo using the `:has()` pseudo-class for a product grid, currently only in Safari. Too bad Safari doesn’t support an…
RT @anatudor: #tinyCSStip Range input browser inconsistencies may mean needing different styles for different browsers. Possible for track…
RT @jonkantner: Thought I should try SVG animations for checkboxes including an indeterminate state.
https://codepen.io/jkantner/pen/BaJmyjo
RT @BrianHaferkamp: New Video! 🥳
Create a Hero Section with Animated Text
This is not that difficult and adds 🪄 t…
https://youtu.be/iX75XunOfDw
RT @amit_sheen: 3D Floating Headers.
(Made for the Huge Headers #CodePenChallenge)
Full code @CodePen:
https://codepen.io/amit_sheen/pen/BaJmWWj
RT @ShadowShahriar: If we can have n-gon shapes, we can have n-gon pyramids too! We only need to calculate the slant height and angle 😉
So…
RT @argyleink: Had a play with Open Props yet?
Here's a starter with the props, the normalize and the buttons ready for your next demo 🙂…
RT @aaroniker_me: High Five ✋
@CodePen
Created with @greensock
https://cdpn.io/gOoGejN
RT @takane_ichi: Bit Maze - Platformer Maze using @phaser_
Guide Appley to find the sprout in this weird…
https://codepen.io/takaneichinose/pen/jOYPjgz
RT @jh3yy: Or how about sine wave inputs? 🌊
Again, CSS accent-color at play ✨
👉
http://codepen.io/jh3y/pen/RwxZMYX
RT @Una: Did you catch that the dialog element became stable in all modern browser engines this month? 🎉
Here's a quick walkthrough video…
RT @ChallengesCss: 🎨 CSS Art
I am adding a demon slayer to the list. Take a deep breath and say hello to 𝗧𝗮𝗻𝗷𝗶𝗿𝗼 𝗞𝗮𝗺𝗮𝗱𝗼 ⚔️
Demo: https://…
RT @koyamamonaka: ドロネー図の三角形をcurveVertex()で描いてみる。
#019 Handwritten Delaunay Diagram
#creativecoding #gen…
https://codepen.io/koyamamonaka/pen/LYeLmEP
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 @chrisbautista: Animated BottomBar Experiment (CSS Transitions only)
https://codepen.io/chrisbautista/pen/NWXjqLN
RT @Ryan_LaBar: Motion Tip Monday: Creating a dynamic HTML text on a circle component. Developed using @greensock's SplitText plugin, a lit…
RT @jonkantner: Light/Dark Toggle With Morphing Icon
https://codepen.io/jkantner/pen/eYygqJm
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
