難易度:★☆☆
プロパティ:transform
関連レッスン:Chapter2 レッスン2
h1 タグで囲まれているところに対し、CSSを反映させていきます。
CSSのセレクタで header を探しましょう。
サンプルでは h1 に指定しています。
transform プロパティを追加して要素をななめにします。
transform を追加して skew を指定すると、要素をななめにかたむけることができます。
カッコの中でかたむける角度を指定します。サンプルでは -20deg にしています。
deg は角度の単位で-20deg は -20度 です。
コピーしたコードを目的の箇所にペースト(貼り付け)するか、直接書いてみましょう。
Mom’s Bakeryの見出しが傾斜していたら完成です。