フォームのselectタグをそのまま利用するとデザインが味気ないですよね。フォームはCSSでデザインをいじるのに苦労することが多いのも事実であり、手間をかけてられない部分でもあります。リンクにマウスを載せたときのhoverアニメーションをおしゃれにするCSSを紹介します。最近はページ読み込み時に表示するローディング中のアニメーションをSVGで実装するケースも増えてますね。Flashの独壇場だったアニメーションですが、CSS3とjsで結構すごいアニメーションも作ろうと思えばできるようになりました。チェックボックスやラジオボタンを超オシャレにするテクニックです。javascript、css、SVGを組み合わせて実現しています。ページ切り替えのとき読み込み中のアニメーションを表示させるWordPressの無料プラグインをまとめて紹介します。ナビゲーションメニューとかのリンクにマウスを載せたときのアニメーションのサンプルでおしゃれなものを見つけたので紹介します。タブレット対応などで良く使う、デフォルトでは非表示だけど、ボタンやアイコンをタップするとサイドメニューがにょきっと登場するやつです。マウスhoverのアニメーション効果のTipsとして面白いと思ったので紹介。写真画像にマウスを載せた時に、クシャッと折りたたんだり、ペロンとめくる動きをつけます。ページ切り替えや、ページスクロールなどで、さりげないアニメーション効果が加わると、見ていて気持ちいいですよね。