CSSデザインテクニック

三角形の矢印アイコンをつくろう

HTML・CSS
UIデザイン
アイコン
Webデザイン

CSSを使って三角形の矢印アイコンをつくってみましょう。

公開日：2019/10/24最終更新日：2019/10/24

このレッスンを受けるには、chot.design+へのアップグレードが必要です

アップグレードする

月額 ¥1,100（税込）

理解度チェック

次のレッスン

棒付き三角形の矢印アイコンをつくろう

前のレッスン

隣接セレクタ・擬似要素・擬似クラスを活用してリストのデザインを作成する

CSSデザインテクニック

スタイルまとめ

タイポグラフィ・文字の装飾

アニメーション

CSSだけでアニメーションを作成する（CSS Transition・CSS Transform）

CSSセレクタの種類と指定方法

隣接セレクタ・擬似要素・擬似クラスを活用してリストのデザインを作成する

CSSアイコン

ナビゲーションの装飾

CSSで斜めのナビゲーション

このレッスンの著者

Makky

著者のカリキュラム・レッスン一覧