DooMGuY086
DooMGuY086
KPCKevin Powell - Community
Created by DooMGuY086 on 12/27/2024 in #front-end
Tailwind border gradient
<div
style={{
border: "2px solid",
borderImageSource:
"linear-gradient(94.78deg, #A861FF 5.14%, #55CCFF 93.33%)",
borderImageSlice: 1,
borderRadius: "9999px",
}}
className="px-3 py-[6px] bg-white rounded-full w-fit self-center"
>
<p className="inline-block text-transparent bg-cta-gradient bg-clip-text">
Laculis gravida mi scelerisque tincidunt
</p>
</div>
<div
style={{
border: "2px solid",
borderImageSource:
"linear-gradient(94.78deg, #A861FF 5.14%, #55CCFF 93.33%)",
borderImageSlice: 1,
borderRadius: "9999px",
}}
className="px-3 py-[6px] bg-white rounded-full w-fit self-center"
>
<p className="inline-block text-transparent bg-cta-gradient bg-clip-text">
Laculis gravida mi scelerisque tincidunt
</p>
</div>
How to apply border gradient, with the current code the linear gradient border is not curving with the rounded-full class
2 replies
KPCKevin Powell - Community
Created by DooMGuY086 on 10/22/2024 in #front-end
How can I replicate this vignette effect for an overlay cover image using tailwindcss?
No description
6 replies
KPCKevin Powell - Community
Created by DooMGuY086 on 9/16/2024 in #front-end
Sticky nav not working on mobile view
No description
2 replies
KPCKevin Powell - Community
Created by DooMGuY086 on 8/24/2023 in #front-end
Need help with resolving CLS issue
No description
20 replies