「出現時」のアニメーションが動作しない原因
条件付きスタイル「出現時」のボックスが表示されず、アニメーションが動作しない主な原因は以下の２つです。
アニメーションを設定したボックスが「スクリーンの外」に完全に出ている
アニメーションを設定したボックスが「親ボックスの外」に完全に出ている
※ただし、親ボックスに重なっていなくても、親ボックスのはみだし設定が[表示]であればアニメーションが動作します。
尚、スクリーンかオヤボックスのどちらか一方に少しでも重なっていれば、アニメーションは動作してボックスが表示されます。
注意：レスポンシブ対応時の出現アニメーションについて
ブレイクポイントごとに要素のサイズを変更した場合、スマートフォンなど画面幅が狭い環境では、アニメーションの開始位置が画面の外側になってしまうことがあります。 プレビュー時などにボックスが表示されない場合は、エディタ上でボックスが画面からはみ出していないか確認してください。一部でも画面内に表示されていれば、アニメーションは正常に動作します。
親ボックスのはみだし設定
はみ出し設定について詳しくは、以下のヘルプ記事をご覧ください。
appear