Fammの案件保証の直しが終わったので、今日はまたHTML/CSS勉強の続き。
セクション2 TOPページをコーディングしよう（続き）
メインビジュアルを整えよう
各ページへのリンクリストを整えよう
今日はここまで。
こうして書いてみるとほんのちょっとですが、作業量は結構ありました。
今日の感動：
リンクをタップした時の指定
.linkList li a:hover {
filter: brightness(105%) ;
}
――出典：これだけで基本がしっかり身に付くHTML・CSS & Webデザイン p.229リンクには画像が指定されているのですが、この記述で、マウスオーバー（またはタップ）したときに、画像がふわっと明るくなるんです！！
すごーい！！
こういう効果を「考えつく」のもかなり大事な技能だと思うんですけど…！
そういうのはやはりデザイナーとしての目を養うしかないのか…！
brightnessのほか、filterで設定できるものとして、影をつけたりぼかしたり、セピア調にしたりと、いろんな効果が紹介されていました。すごい…。
filter - CSS: カスケーディングスタイルシート | MDN
filter は CSS のプロパティで、ぼかしや色変化などのグラフィック効果を要素に適用します。フィルターは画像、背景、境界の描画を調整するためによく使われます。
developer.mozilla.org
こんなページを見つけました。このページはどうやって作るんだろ…。この世にはすごい人もおるもんじゃ…。
明日はConceptページのコーディング。
コメント