WEBOPIXEL

HTML&CSS

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

Posted: 2015.10.14 / Category: HTML&CSS / Tag: 

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

READ MORE

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

Posted: 2015.09.09 / Category: HTML&CSS / Tag: ,

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

READ MORE