Arman Borkhani
@armanborkhani.bsky.social
Front-End Developer, passionate about UI/UX, creative coding, and digital art.
Built this repeating background pattern with css-doodle. Check it out on @codepen.io 👇 codepen.io/armanb/pen/V... #css #cssdoodle #codepen #creativecoding #webdev
Pattern with css-doodle
Background pattern with <css-doodle/> web component. design idea from: https://dribbble.com/shots/18056074-30-French-Checkered-Patterns All design cred...
codepen.io
👀 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. 😅
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
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
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...
@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
Just finished my first <css-doodle /> pattern! Excited to share it, take a look on @codepen.io 👇 codepen.io/armanb/pen/W...
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
A simple use case of the CSS if() function for this week’s @codepen.io challenge. 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
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...
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...
"Day-Night Cycle Waves" by Luis Alberto Martinez Riancho codepen.io/luis-lessrai...
Just improved the animations on my custom select, smoother, faster, cleaner. 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
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...
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