84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Xiaobai は js にあまり詳しくないので、js を使用してボタンをクリックし、5 秒後に p が右側の 500px の位置に移動した場合、どのような考えになりますか?この効果を生み出しますか？
これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?
しかし、クリック イベントでは、すべての CSS 効果を記述しますか? QUQ
リーリー
簡単なデモを紹介しますので、これは方法の 1 つにすぎず、他にもたくさんあることがわかるでしょう。
これが欲しいものですか？以下のコードを参照してください。p は 5 秒で 500px に移動します。まず p にトランジション効果を設定し、右側に移動するクラスを追加します。
リーリー リーリー リーリー
CSSを使用することも、jsで直接記述することもできます。 cssの場合はtransitionを使って記述します。特にBaiduの場合はクリックイベントが発生した際に要素にクラスを追加してスタイルを変更します。 jsの場合は、settimeoutを使用し、例として挙げた左マージンを取り、左マージンを少しずつ変更し、指定された値（cleartimeout）に達したら停止します
上記の通り、ie9以下の場合はタイマーを使用する必要があります
通常は css3 が使用されますtransition实现过渡效果，要动画的话用animation。js を使用するとパフォーマンスに負荷がかかります。以下にいくつかの参考記事を示します。
transition
animation
css3d プロパティ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー
簡単なデモを紹介しますので、これは方法の 1 つにすぎず、他にもたくさんあることがわかるでしょう。
これが欲しいものですか？以下のコードを参照してください。p は 5 秒で 500px に移動します。まず p にトランジション効果を設定し、右側に移動するクラスを追加します。
追記: これは単なるデモコードであり、互換性などは考慮されていません... css3リーリー リーリー リーリー
CSSを使用することも、jsで直接記述することもできます。 cssの場合はtransitionを使って記述します。特にBaiduの場合はクリックイベントが発生した際に要素にクラスを追加してスタイルを変更します。 jsの場合は、settimeoutを使用し、例として挙げた左マージンを取り、左マージンを少しずつ変更し、指定された値（cleartimeout）に達したら停止します
上記の通り、ie9以下の場合はタイマーを使用する必要があります
リーリー通常は css3 が使用されます
transition实现过渡效果，要动画的话用animation。js を使用するとパフォーマンスに負荷がかかります。以下にいくつかの参考記事を示します。css3d プロパティ