oemer
Explore posts from serversKPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
In my company i am the kind of "CSS guy" but i feel really noobish compared to you guys
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
Oh wow, that looks really good! I am honestly baffled how deeply you guys understand CSS. I just checked all diffs. You are using a fixed height, not percent. You added
32 / 32px round
to the border-image
prop. You removed the viewBox
and also vector scaling. If you miss one of those, it just breaks.
I am really wondering how you learned this? Do you guys just do trial and error or is this your profession? It seems really complicated and very detailed.44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
Regardless, I learned a lot here, you guys are awesome
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
Hopefully CSS will support this in the future
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?

44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
would love to avoid javascript, but with px values it seems to be tricky
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
I see, if play around with values, it changes yeah
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
I really think this is onlypossible with javascript, where you get the dimensions of the container and do some calculations with it.. which i would like to avoid because of SSR
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
@Tok124 (CSS Nerd)
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
But don't I have to adjust it for any case where i use this style then? The card could have different dimensions for different use cases
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?

44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
I also think
border-image
doesn't account for border-radius
?44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?

44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
Switching to
border-image
doesn't show anything anymore, do i need to adapt the svg?44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?
Does this approach only work with a white background? In my case the background has to be transparent
44 replies
KPCKevin Powell - Community
•Created by oemer on 2/13/2025 in #front-end
How to do a dashed border with a gradient and a border-radius in css?

44 replies
Your feedback, what should I use ? Fork || Layer || Module ?
My rule of thumb:
- Use the reusable source as long as you can (In this case: Nuxt Layers)
- Once you see you have to do too many
if-else
conditions at too many places to satisfy all requirements, copy-paste it (In this case: Fork)5 replies
TTCTheo's Typesafe Cult
•Created by oemer on 10/25/2023 in #questions
` npx create t3-app@latest` returns `npm ERR! could not determine executable to run`
Ok with
pnpm create t3-app@latest
it seems to work now..6 replies
TTCTheo's Typesafe Cult
•Created by oemer on 10/25/2023 in #questions
` npx create t3-app@latest` returns `npm ERR! could not determine executable to run`
running on node
v18.17.1
6 replies