エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ScrollReveal()を簡単に使う!要素・文字・画像にアクションを。 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ScrollReveal()を簡単に使う!要素・文字・画像にアクションを。 - Qiita
今回使用するhtmlなどが入ったディレクトリにターミナルもしくはコマンドにてインストールします。 以下... 今回使用するhtmlなどが入ったディレクトリにターミナルもしくはコマンドにてインストールします。 以下がサンプルの関数です。 各機能の説明を軽く載せています。 数値は適当なので自分の目的に合わせて下さい! ScrollReveal().reveal('class名',{ origin:'right', <!--//アニメーションの始まりの場所、top,right,bottom,leftで指定ます--> distance: '100px', <!--//要素が表示するときに公式の場所まで移動する距離、pxやem、%、vwで指定します--> scale:'0.5', <!--//表示される前の要素のサイズ、1で100%の大きさです--> rotate:{x:0, y:0, z:0}, <!--//--> duration: 1200, <!--//アニメーションがどのように遷移するか(ease