linear-gradient関数を使用するとグラデーションが利用できます。
… “【CSS】linear-gradient – 基本”ブログ
preventDefaultとは
preventDefaultとは何かについて簡単に説明します。
… “preventDefaultとは”mouseenter、mouseleave
cssで hover を使用するとホバーアクションが使用できます。
… “mouseenter、mouseleave”offsetWidth
要素の幅を取得したい場合、offsetWidth を使用する事あります。
… “offsetWidth”【CSS】背景ハイライト
ホバーすると背景がハイライトされるギミックを作成します。
… “【CSS】背景ハイライト”【CSS】z-index について
z-indexは要素が重なった場合にどちらを優先的に表示するかを指定する事が出来るプロパティです。
… “【CSS】z-index について”【CSS】margin: 0 auto; について
margin: 0 auto; を指定するとブロック要素が左右中央になるという認識くらいしかありませんでした。
… “【CSS】margin: 0 auto; について”【CSS】ホバーアクション
ホバーアクションを作成したので、メモとして残します。
… “【CSS】ホバーアクション”【CSS】文字の影
text-shadow プロパティを使い文字に影をつける事が出来ます。
… “【CSS】文字の影”【CSS】変数の使用
CSSで変数が使えるとの事なので、使用してみます。
… “【CSS】変数の使用”