Arman Borkhani
@armanborkhani.bsky.social
Front-End Developer, passionate about UI/UX, creative coding, and digital art.
Pinned
Arman Borkhani
@armanborkhani.bsky.social
· Nov 13
Built a custom select component using appearance: base-select for this week’s @codepen.io challenge 🎨
Check it out 👇
codepen.io/armanb/pen/j...
#CodePenChallenge #CSS #WebDev
Check it out 👇
codepen.io/armanb/pen/j...
#CodePenChallenge #CSS #WebDev
Reposted by Arman Borkhani
👀 Working on the third module of my animations course, where we learn to create advanced cursor interactions.
Having fun with eyes. Not creepy at all. 😅
Having fun with eyes. Not creepy at all. 😅
December 18, 2025 at 10:06 PM
👀 Working on the third module of my animations course, where we learn to create advanced cursor interactions.
Having fun with eyes. Not creepy at all. 😅
Having fun with eyes. Not creepy at all. 😅
Just dropped a new CSS background pattern.
Pure CSS, lightweight, and easy to reuse.
Live on @codepen.io
codepen.io/armanb/pen/J...
#CSS #CodePen
Pure CSS, lightweight, and easy to reuse.
Live on @codepen.io
codepen.io/armanb/pen/J...
#CSS #CodePen
CSS-Only Pattern
Background pattern with CSS. UI Design inspired by: https://dribbble.com/shots/4670574-20-Inclined-Stripes-Background-Textures All design credits go to...
codepen.io
December 19, 2025 at 6:19 PM
Just dropped a new CSS background pattern.
Pure CSS, lightweight, and easy to reuse.
Live on @codepen.io
codepen.io/armanb/pen/J...
#CSS #CodePen
Pure CSS, lightweight, and easy to reuse.
Live on @codepen.io
codepen.io/armanb/pen/J...
#CSS #CodePen
After Firefox 146 is released, the scope at-rule in CSS will finally be supported across all major browsers
If you want to learn more about it, check out the link below 👇
css-tricks.com/almanac/rule...
If you want to learn more about it, check out the link below 👇
css-tricks.com/almanac/rule...
@scope | CSS-Tricks
The @scope at-rule lets you apply styles to a specific area of the page. Think of it like setting a range where you want styles to start and end between two
css-tricks.com
December 18, 2025 at 9:38 AM
After Firefox 146 is released, the scope at-rule in CSS will finally be supported across all major browsers
If you want to learn more about it, check out the link below 👇
css-tricks.com/almanac/rule...
If you want to learn more about it, check out the link below 👇
css-tricks.com/almanac/rule...
Just finished my first
codepen.io/armanb/pen/W...
codepen.io/armanb/pen/W...
December 12, 2025 at 1:03 PM
Just finished my first
codepen.io/armanb/pen/W...
codepen.io/armanb/pen/W...
Just started learning css-doodle, excited to see what kinds of generative patterns I can create!
December 9, 2025 at 6:13 PM
Just started learning css-doodle, excited to see what kinds of generative patterns I can create!
Sequential animations with sibling-index() CSS function.
codepen.io/armanb/pen/v... via @codepen.io
#codepenchallenge
codepen.io/armanb/pen/v... via @codepen.io
#codepenchallenge
November 28, 2025 at 4:27 PM
Sequential animations with sibling-index() CSS function.
codepen.io/armanb/pen/v... via @codepen.io
#codepenchallenge
codepen.io/armanb/pen/v... via @codepen.io
#codepenchallenge
A simple use case of the CSS if() function for this week’s @codepen.io challenge.
codepen.io/armanb/pen/Y...
#CSS #codepenchallenge
codepen.io/armanb/pen/Y...
#CSS #codepenchallenge
CSS if() Function Example
A simple use case of the CSS if() function for this week’s CodePen challenge....
codepen.io
November 19, 2025 at 7:47 AM
A simple use case of the CSS if() function for this week’s @codepen.io challenge.
codepen.io/armanb/pen/Y...
#CSS #codepenchallenge
codepen.io/armanb/pen/Y...
#CSS #codepenchallenge
Reposted by Arman Borkhani
This week's Web Weekly is just about to go out and I think it turned out "very alright" this week. 🫣
If you want to keep up with all these new web platform features, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you want to keep up with all these new web platform features, you should check it out!
www.stefanjudis.com/blog/web-wee...
November 17, 2025 at 2:19 PM
This week's Web Weekly is just about to go out and I think it turned out "very alright" this week. 🫣
If you want to keep up with all these new web platform features, you should check it out!
www.stefanjudis.com/blog/web-wee...
If you want to keep up with all these new web platform features, you should check it out!
www.stefanjudis.com/blog/web-wee...
Reposted by Arman Borkhani
How can trig functions be the "most hated" CSS feature where they can do things like this? @monknow.bsky.social has several other fun examples as well.
css-tricks.com/the-most-hat...
css-tricks.com/the-most-hat...
November 17, 2025 at 2:58 PM
How can trig functions be the "most hated" CSS feature where they can do things like this? @monknow.bsky.social has several other fun examples as well.
css-tricks.com/the-most-hat...
css-tricks.com/the-most-hat...
Reposted by Arman Borkhani
November 14, 2025 at 10:16 PM
Just improved the animations on my custom select, smoother, faster, cleaner.
Check it out on CodePen!
codepen.io/armanb/pen/j...
Check it out on CodePen!
codepen.io/armanb/pen/j...
November 15, 2025 at 7:35 AM
Just improved the animations on my custom select, smoother, faster, cleaner.
Check it out on CodePen!
codepen.io/armanb/pen/j...
Check it out on CodePen!
codepen.io/armanb/pen/j...
Built a custom select component using appearance: base-select for this week’s @codepen.io challenge 🎨
Check it out 👇
codepen.io/armanb/pen/j...
#CodePenChallenge #CSS #WebDev
Check it out 👇
codepen.io/armanb/pen/j...
#CodePenChallenge #CSS #WebDev
November 13, 2025 at 1:47 PM
Built a custom select component using appearance: base-select for this week’s @codepen.io challenge 🎨
Check it out 👇
codepen.io/armanb/pen/j...
#CodePenChallenge #CSS #WebDev
Check it out 👇
codepen.io/armanb/pen/j...
#CodePenChallenge #CSS #WebDev
My pen for this week’s @codepen.io challenge! I used CSS clip-path: shape() to create cards with inverted corners.
codepen.io/armanb/pen/K...
codepen.io/armanb/pen/K...
Inverted Corner with clip-path: shape()
My pen for this week’s CodePen challenge! I used CSS clip-path: shape() to create cards with inverted corners. inspired by this landing page design: ht...
codepen.io
November 7, 2025 at 2:19 PM
My pen for this week’s @codepen.io challenge! I used CSS clip-path: shape() to create cards with inverted corners.
codepen.io/armanb/pen/K...
codepen.io/armanb/pen/K...