今まではGIFアニメーション等の素材でやっていたところを、CSSだけでできちゃうようなアニメーションの作例です
webkit系のみで動作して、他ではアニメーションはせずに表示されるだけです
http://jsdo.it/gryng02/css3animation
コピペで使うには少々、CSSコードをちょっと触らないと
上手く組み込めないですが。アイディアはとても参考になりますね
オススメ記事
WordPress 5.0 新エディタについての注意点と思うこと
phpMyAdminでCSVでテーブルに冒頭のデータを除いて上書き更新する
バナーデザインに迷ったら使いたいデザインギャラリー 4選
WordPressの投稿の埋め込み（oEmbed）をレスポンシブにする方法
WordPressの負荷軽減を本気でやってみたら負荷が1/3になった
HTMLのinput rangeのスライダーで数値をjQueryでリアルタイムに取得する
WordPress 4.8が公開ウィジェット類が強化
Google Fonts+ で「ニコモジ」などの日本語のWEBフォントが利用可能
jQuery UI sortable を使ってD&Dでリストの並び替えを実装する。
カスタム投稿タイプの初期パーマリンクを変更するプラグイン「Custom Post Type Permalinks」
ZenlogicでWordPressのカスタムメニューで文字化けが発生してしまう原因と対策
WordPress 4.7.3がリリース、脆弱性の修正が有りで更新推奨。
サイトのhttps化で、ブラウザーに警告が出る時のデバック
WordPressのメディアライブラリで絞込にカテゴリやタグを追加するプラグイン「Media Library Filter」
jQueryで追加した要素に対してクリックイベントが有効な書き方
WordPressの投稿画面以外からPHPを実行で投稿する方法
javascript 配列を for in を使ってキーと値を取り出すループ
jQueryでキーボードの入力と合わせて入力されたキーを取得するあれこれ
外部サイトから iframe で呼び出して読み込まれないようにする
layzr.js を使って iframe を遅延読み込みする
COMMENT