BETA

Background Color

Customize the background color of a squircle.

Variables

ClassStyles
squircle-<color>
--squircle-background-color: <color>;

Usage

You can use a tailwind color class to customize the background color of a squircle.

<div className="squircle-red-500" />

Or you can use a custom color.

<div className="squircle-[#2dd4bf]" />

You can also customize the background color opacity.

<div className="squircle-red-500/50" />

By Skyleen. The source code is available on GitHub.

On this page