気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
要素の中心から拡大するようなアニメーションをjQueryを使って再現してみる | WebDelog
13 users
webdelog.info
webdelog.info
webdelog.info
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
「要素の中心から拡大するようなアニメーション作ってください」さてどうする どういうことかというと、... 「要素の中心から拡大するようなアニメーション作ってください」さてどうする どういうことかというと、 CSS3を使えばtransform-orignを50% 50%にすることで 変形の中心点をすらすことができるので、 これとtransitionやanimationプロパティを組み合わせれば 簡単に実現出来ますね！ 「IEで動きませけんど…」 そうでした。 IEを忘れていました。 transitionやanimationはIE10からしか使うことができませんので、 動かすことが必須の場合はこの方法では利用できませんね。 JavaScriptの力を借りましょう jQueryにはshow()やanimate()という便利なメソッドが用意されています。 これらを使いましょう。 今回は、CSSで予めdisplay:none、widthとheightを0にしておいて、 animation(
webdelog.info
webdelog.info
webdelog.info
webdelog.info
www.nhk.or.jp
gendai.media
nazology.kusuguru.co.jp
daiksy.hatenablog.jp
togetter.com
anond.hatelabo.jp
www.newsweekjapan.jp/asteion
news.yahoo.co.jp
mainichi.jp
anond.hatelabo.jp
mainichi.jp
tech.nitoyon.com
2013/08/09 リンク