シンプルに疑似要素の「:before」「:after」でつくる。
色も大きさも自由に変更できるので便利。
border-radiusで角丸にするのも簡単。
プラス
See the Pen CSSだけで、プラスとマイナスをつくる by 125naroom (@125naroom) on CodePen.
マイナス
See the Pen CSSだけで、マイナスをつくる by 125naroom (@125naroom) on CodePen.
おすすめ
かんれん
- web / 2018.10.26
- CSSだけで、線の下に、三角の影をつくる
- web / 2019.1.17
- CSSだけで、プラスとマイナスをつくる
- web / 2019.4.15
- CSSだけでいろんなタグを作ってみる
- web / 2018.9.19
- transform（トランスフォーム）の基点（原点）
ランキング
- web / 2019.1.22
- CSSだけで、三角アイコンと矢印アイコンをつくる
- web design / 2018.4.11
- 『いつかのこと』というWebサイトを作りました。
- web design / 2019.2.14
- BASEデザインマーケットのテンプレート「fuwari」を作りました