アニメーション効果を設定するとき、ときどき、アニメーションが適用された要素がOxygenエディター内で表示されないことがあります。このような場合、多くの場合、ページをリフレッシュしたり、アニメーション効果を再選択するだけで要素が再び表示されます。ただし、ページ内に複数のアニメーション要素がある場合、これを毎回行うのは不便です。
そのようなときは、以下のCSSコードをスタイルシートに追加してください。このコードを追加すると、アニメーション効果はフロントエンドでのみ動作し、Oxygenエディター内では常に要素が表示されるようになります。
#ct-builder [data-aos] {
opacity: 1;
transform: translate(0) scale(1);
}
ご不明な点ございましたらお気軽にコメント欄にご記入ください。
最終更新日: 2025-12-05