以下のようにmix-blend-*を使用すると背景色に合わせて文字色が変更されます。
<div className="h-6 w-12 bg-[linear-gradient(to_right,_white_50%,_black_50%)]">
<h1 className="font-bold text-white mix-blend-difference">テスト</h1>
</div>
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme