× 無料のユーザー登録をすると学習状況を管理することができるようになります

#04 三角形を変形させてみよう

さて次は、こちらの三角形の形を変えてあげたいと思います。
ex2 と ex3 を見るとわかりやすいので、こちらで説明していきます。

borderの幅や傾きを変えることで三角形を変形させていきます。

  • 三角系の変形

このレッスンでは HTML5 / CSS3 を使用しています。

このレッスンの問題を報告する

この動画に関する、よくある質問が 1 件あります。
2016年10月21日
なぜ border-top に width を設定するだけでは表示されないのですか? PREMIUM
下向きの三角形を作るのはレッスン動画でいうと、赤い色をつけた border-top だと理解しました。 そこで ...

プレミアム会員(月額980円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む
先生に質問してみよう (試験運用中)