標的 bullseye を描く

はじめに

標的とか目玉とかで同心円を書きたい時にgradientをどう使うかの実験です。
2通りやってみた。

実行例

See the Pen bullseye by kalz2q (@kalz2q) on CodePen.

説明

左は background: linear-gradient で右は background: radial-gradient です。
いずれにせよ％やpxの使い方がよくわからない。