タイトルをななめにする

できあがりイメージ

つくりかた

Step2 ななめにする要素のCSSセレクタを探す

CSSのセレクタで header を探しましょう。
サンプルでは h1 に指定しています。

Step3 要素をななめにする

transform プロパティを追加して要素をななめにします。
transform を追加して skew を指定すると、要素をななめにかたむけることができます。
カッコの中でかたむける角度を指定します。サンプルでは -20deg にしています。
deg は角度の単位で-20deg は -20度 です。

Step4 コードを書くかコピー＆ペーストする

コピーしたコードを目的の箇所にペースト（貼り付け）するか、直接書いてみましょう。

Step5 実際の見え方を確認する

Mom’s Bakeryの見出しが傾斜していたら完成です。