WEBOPIXEL

CSS3

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

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

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

READ MORE

スマホでアニメーションするときはcss3の「translate3d」を使おう

Posted: 2011.09.16 / Category: javascript / Tag: , ,

スマートフォン向けのサイトでアニメーションさせたいとき、PCサイトのようにjQueryのanimateを使ってしまうと動きがガタガタになってしまい。これがWebアプリの限界なのかー。って叫びそうになりますが、そんなときはcss3の「translate3d」を使えば滑らかに動きますよ。

READ MORE