jQueryで回転のアニメーションをする例 at ソフテル jQuery部
問題 jQueryプラグインとか無しで、回転できる？ 答え 回転します。 jQueryプラグイン無しで、回転します！ jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメーションできない。 それならば、表示に影響しないz-indexなどのプロパティを利用して、値の変化を発生させ、stepオプションでそれを横から利用して回転などのプロパティの指定に使ってはどうかというアイデアで作ってみました。 //ここでは表示に影響しないz-indexをアニメーションさせます（見た目には何も起きません） $('#sample20130314').animate({zIndex:1},{ //1秒かけてアニメーション duration:1000, //stepは、アニメーションが進むたびに呼ばれる step:function(now){ //nowに現在のz-indexの値（
【CSS】ふわふわゆらゆらさせる at softelメモ
問題 目立たせたいものがあるので、バナーや文字をちょっと動かしてみようと思う。 やっぱJavaScript？jQuery？ CSSで動かせるの？ 答え まだベンダープレフィックスが必要みたいだけど、こんな感じ。（IEでは、害はないですが、いつもと変わらず停止して見えます。） /* ふわふわさせたいものに fuwafuwaクラスを付与 */ .fuwafuwa { -webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */ -webkit-animation-duration:2s; -webkit-animation-iteration-count:infinite; /*-webkit-animation-direction:alternate;*/ -webkit-animation-timing-function:e
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
