text-shadow プロパティを使い文字に影をつける事が出来ます。
… “【CSS】文字の影”
投稿者: dennie
【CSS】変数の使用
CSSで変数が使えるとの事なので、使用してみます。
… “【CSS】変数の使用”【CSS】文字の中央
テキスト、画像はインライン要素になります。
… “【CSS】文字の中央”【CSS】文字の高さ
文字の高さは行の高さになります。適切な行の高さ(行間)を調節する事で文章が読みやすくなります。
… “【CSS】文字の高さ”【CSS】スナップ
スナップを使用すると、画像をスワイプすると中途半なところで止まらず、ちょうど良いところで止まるような動きをさせる事が出来ます。
… “【CSS】スナップ”【CSS】属性セレクタ
cssはクラス属性、id属性、タグに対してスタイルを指定する事が多いですが、その他の属性に対してもスタイルを指定する事が出来ます。
… “【CSS】属性セレクタ”position: absolute の 0 と 100% の違い
top: 100% と bottom: 0 の指定の違いは何か気になったので確認しました。
… “position: absolute の 0 と 100% の違い”
特定の要素を押下したかどうかの判定
特定の要素をクリックしたかどうかを判定する処理を作成したいと思います。
… “特定の要素を押下したかどうかの判定”画像の切り替え
画像をクリックしたら、画像が切り替わるような動きを作成します。
… “画像の切り替え”カスタムデータ属性
HTML要素には “id” や “class” のような属性が設定出来ます。
… “カスタムデータ属性”