blogワクワクを生み出せるWebエンジニアを目指して。この広告は、90日以上更新していないブログに表示しています。DEMOtextillate.jsはテキストにアニメーションをかける事ができます。実際のエフェクトの種類はanimate.cssの機能です。ライブラリのダウンロード以下の公式サイトからライブラリファイルをダウンロードします。GitHub今回ダウンロードしたのはtextillate-master.zipです。この中から使うのは以下のファイル。jquery.textillate.jsjquery.lettering.jsanimate.css以下のjqueryバージョンで動作が確認できました。jquery1.6.4.min.js基本的な使い方HTMLまずはJSを呼び出し。src="./js/jquery.lettering.js"></script>テキストアニメーションを適用する要素を記述します。DEMO</h1>JavaScripttextillate関数を呼び出す次の文でデフォルトのエフェクトがかかります。$('.ef').textillate();});オプションオプションの種類はGithubで紹介されています。GitHubエフェクトの種類に関してはanimation.cssの仕様をご確認ください。Animate.css今回はHTMLでanimation.cssの種類を選択して、エフェクトさせるように作ってみました。Tanakaワクワクを生み出せるWebエンジニアを目指して。【62:PageTopへ戻る】使えるいい感じページトップへ戻るリンク【61:videoタグで背景動画】HTML5のvideoタグで動画を背景に使う月別アーカイブ検索はてなブログをはじめよう!seintoseiyaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。