CSSだけで長体

昨日mountさんで打ち合わせ中に、CSSで長体にしてねと要望があって無理ですと即答したんですけど出来るんですね。
すごいね!

サンプル

See the Pen yydzZp by Shinji Kobayashi (@koba) on CodePen.

CodePenのサンプルをはっておきましたが、以下の流れですね。

  • scaleでx方向に1より小さい値を指定して横幅を縮める
  • 縮めた分を広げるようにwidthを指定する

21世紀だなーと思いました。

comment

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

TrackBack URL :