SVGでセクションの区切りを斜め線にする

セクションの区切りを斜め線とかにしてしてみると、ちょっと他と違う感がでるかもしれない!
斜め線はCSSで回転させたりする方法もありますが、ここではSVGを使用した方法をご紹介いたします。

  • 投稿日
  • 更新日

SVGで画面全体に斜め線や曲線を引く

一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。
SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。
ここでは単純な図形ですが画面全体に表示する方法をご紹介します。

  • 投稿日
  • 更新日

Swiftの配列＋辞書使い方メモ

普段JSとか軽量な言語しか扱わないのでSwiftの配列＋辞書がすごく難しく感じています。
ということでそのあたりのことをメモしました。

  • 投稿日
  • 更新日

CSS3で背景画像全面表示（Background Cover）でもマウスオーバーで拡大アニメーション

最近サムネイルなどでマウスオーバーすると画像がぐいんって拡大表示するアニメーションをよく見ます。
あれはbackground-sizeとかアニメーションさせれば簡単にできそうですが、coverとかですでにsize指定してるときの方法をご紹介します。

  • 投稿日
  • 更新日