cssでアニメーションを行うことによって、要素をゆっくり移動させたり色を変えたりすることができるようになります。 使用するコードは「animation-delay」 cssのアニメーションは遅らせて...

今回はhtmlを使って配置したボタンをcssで動くようにカスタマイズしてみました。 そこで「マウスカーソル」がボタンの上に乗ったらというような処理の方法を紹介します。...

先日は、同じ要素を順番にアニメーションする方法を紹介しました。 ですが、アニメーションのような動作をさせる場合、必ずしも同じ要素で実行させるとは限りませんよね。 そこで今回は別の要素でアニメーション...

前回、アニメーションが完了した後に処理を呼び出す方法を紹介しました。 前回の記事では「complete」を使ったのですが、連想配列を使うことでアニメーションを順番に実行させることもできるので紹介しま...

先日、WordPressをカスタマイズしていて、スマホからアクセスした画面を確認したところ、思っていたカスタマイズが出来ていませんでした。 そこで、今回はアクセスしたデバイスによって「cssのカスタ...

先日、WordPressのカスタマイズをしていたところ、ウィンドウを小さくすると見だしの背景と目次が重なってしまい、目次が見えなくなってしまいました。 そのような時には項目の描画順を管理することで、ど...

WordPressでブログやサイトを作っているとほぼ必ず「見出し」を使うと思います。 見出しを使うことで、設定した文字が大きくなりとても見やすくなりますが、文字が大きくなるだけでは一目で見出しだとは...

会話形式（簡易版）のスマホ用デザインcssです。...

(function($) { window.onload = function() { $('.botan').click(function() { $('.block') .animate({ le...

...

...