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