ウェブパ[web制作・ホームページ制作]

wowjsとanimete.cssとで動きのあるページを|ウェブパは神戸・大阪をはじめ全国対応のWebサイト(ホームページ)制作パックプランです。

電話番号 078-333-9333

に関する画像

線画像
トップ > インフォメーション > BLOG > wowjsとanimete.cssとで動きのあるページを

に関するタイトル画像

線画像

2017.06.04

BLOG

wowjsとanimete.cssとで動きのあるページを

この記事をシェアする

■wow.jsとは…
画面が指定する場所に来たかどうかを判別し、クラスを付与する機能


■animete.cssとは…

animationが束になってるcss群

これで出来るサイト
http://mynameismatthieu.com/WOW/

 

■使用方法

1.まずcssの読込

2.次にJSの読込

3.使用する部分にクラスを設定

これでOK!!

 

 

■ちょっと補足
・遅延処理

・繰り返し処理

 

 

■ちょっとした豆知識

このwowというクラスを設定するのって面倒ですよね。どうせなら自分のつけたいクラス名にしたい。
そういうときには2の箇所で挿入したjsを変更することで可能になります。

 

という感じで設定してみるとおもしろページが作れるのでおすすめです。

 

edited by:afiru

トップに戻る