@s9a/tape

tape neon color

``html





`

$3

tape.css

plug play CSS classes

palette

* .tape-watt blaq on watt
* .tape-loud blaq on loud
* .tape-play blaq on play
* .tape-bluv blaq on bluv
* .tape-luvu blaq on luvu
* .tape-blaq perm on blaq

compose

* .tape-blaq.tape-watt watt on blaq
* .tape-blaq.tape-loud loud on blaq
* .tape-blaq.tape-play play on blaq
* .tape-blaq.tape-bluv bluv on blaq
* .tape-blaq.tape-luvu luvu on blaq

distribute

* .tape-flow flow color within scope
* .tape-skip skip color within flow
* .tape-flat border transparent
* .tape-flap border currentColor
* .tape-erase erase text for screenshot art

var

* --tape-blaq mesh
* --tape-watt bulb
* --tape-play warm
* --tape-loud wind
* --tape-luvu lush
* --tape-bluv cull
* --tape-hex is current neon
* --tape-mix is current background color
* --tape-remix imagine
* --tape-filter hue

samples

$3

`html

`

having tape-flow on your root or body to flow color thru the whole page

$3

`html



`

$3

`html

I said empty your mind.
Be formless.
Shapeless.
Like tape.
Now you put tape onto walls, it becomes the walls.
You put tape onto floors, it becomes the floors.
You put it in you, it becomes yours.
Now tape can flow or it can shred.
Be tape my friend.

`

$3

`html
tape
`

$3

`html
tape
`

`html



`

$3

`html
tape
`

`html



`

`html



`

$3

`html
hotplay
`

`html



`

$3

`html

create name

imagine :)

`

$3

`html


create name

taken :(

`

$3

`html

Create name

Yes =)

`

$3

`html
Save
Cancel
`

imagine




$3

`css
--tape-remix: linear-gradient(
var(--tape-play),
var(--tape-loud),
var(--tape-luvu),
var(--tape-bluv)
);
`

`css
--tape-remix: radial-gradient(coral, violet);
`

`css
--tape-remix: conic-gradient(plum, coral, pink);
`

filter

`css
:focus {
--tape-filter: invert(100%);
}

:link:hover {
--tape-filter: hue-rotate(120deg);
}
`

$3

`css
.twist {
--tape-filter: hue-rotate(120deg);
}

.shout {
--tape-filter: hue-rotate(240deg);
}
`

fill

fill SVG shapes with colors

`svg

`

`svg

``

producing

$3

$3