アニメーション

Blocs ページ上の任意の要素に目を引くアニメーションをすばやく簡単に追加できるさまざまなアニメーション機能が付属しています。

アニメーションの適用

アニメーションの適用は非常に簡単です Blocs。 デザインキャンバスで要素を選択すると、選択した要素の主要なアニメーション値を設定できるさまざまな使いやすいコントロールがサイドバーインスペクター内で使用できます。

Animation Type

アニメーションは、XNUMXつの異なるイベントによってトリガーできます。 画面に表示 & マウスオーバーを選択します。 画面に表示 要素が画面に表示された瞬間にイベントがトリガーされます。 ザ・ マウスオーバー イベントは、マウスカーソルが要素の上にあるときにトリガーされます。

アニメーションスタイル

スタイルコントロールを使用すると、アニメーションスタイルを設定できます。 アニメーションスタイル フェードインする, ズームイン & バウンスイン 追加の方向オプションも含まれます。

スピードアニメーション

速度コントロールを使用して、アニメーションの速度を設定できます– 画面にのみ表示.

アニメーションの遅延

遅延コントロールを使用して、アニメーションに遅延タイマーを適用できます– 画面にのみ表示.

アニメーションループ

ループコントロールを使用して、アニメーションがトリガーされたときにアニメーションがループする回数を設定できます– 画面にのみ表示.

初心者向けのヒント

アニメーションは、より大きな影響を与えるために慎重に使用する必要があります。アニメーションが適用される要素が多いほど、影響は少なくなります。 アニメーションに関して言えば、少ないほど多くなります。

14年2019月XNUMX日に更新

この記事は役に立ちましたか?

関連記事