Skip to content

Commit 80e12de

Browse files
committed
text lint
1 parent cbfddd5 commit 80e12de

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/guide/transitions-overview.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,12 @@ Vue は何らかの変化に応じてトランジションやアニメーショ
55

66
- 組み込みコンポーネントの `<transition>` を使用して、CSS と JS の両方で DOM に出入りするコンポーネントをフックします。
77
- トランジションの途中の順序を調整できるようにトランジションモードがあります。
8-
- `<transition-group>` コンポーネントを使用すると、パフォーマンス向上のために内部でFLIP手法が適用され、複数の要素が所定の位置で更新された時にフックします。
8+
- `<transition-group>` コンポーネントを使用すると、パフォーマンス向上のために内部で FLIP 手法が適用され、複数の要素が所定の位置で更新された時にフックします。
99
- アプリケーション内をさまざまな状態へ遷移するには `watchers` を使用します。
1010

1111
このガイドの次の3つのセクションでは、上記のことについてすべて説明します。 ただし、提供する便利な API とは別に、前セクションで説明したクラスとスタイルの宣言を使用して、アニメーションやトランジションを適用し、より単純なユースケースにすることもできます。
1212

13-
この次のセクションでは、いくつかの Web アニメーションとトランジションの基本について説明し、さらに詳しく調べるためにいくつかのリソースにリンクします。Web アニメーションとそれらの原則が Vue のディレクティブの一部でどのように機能するか既に理解している場合、次のセクションをスキップしてください。Webアニメーションの基本についてもう少し学びたい人は、次のセクションを読んでください。
13+
この次のセクションでは、いくつかの Web アニメーションとトランジションの基本について説明し、さらに詳しく調べるためにいくつかのリソースにリンクします。Web アニメーションとそれらの原則が Vue のディレクティブの一部でどのように機能するか既に理解している場合、次のセクションをスキップしてください。Web アニメーションの基本についてもう少し学びたい人は、次のセクションを読んでください。
1414

1515
## クラスベースのアニメーションとトランジション
1616

@@ -153,7 +153,7 @@ backface-visibility: hidden;
153153
transform: translateZ(0);
154154
```
155155

156-
GreenSock のような多くのJSライブラリは、ハードウェアアクセラレーションが必要になることを想定してデフォルトで適用するため、手動で設定する必要はありません。
156+
GreenSock のような多くの JS ライブラリは、ハードウェアアクセラレーションが必要になることを想定してデフォルトで適用するため、手動で設定する必要はありません。
157157

158158
## タイミング
159159

@@ -197,7 +197,7 @@ GreenSock のような多くのJSライブラリは、ハードウェアアク
197197
</p>
198198
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
199199

200-
イージングを調整することで多くのユニークな効果を得ることができ、アニメーションを非常にスタイリッシュにすることができます。 CSSを使用すると、3次のベジェ曲線のプロパティを調整して変形できます。 Lea Verou 氏によって作成された [Playground](https://cubic-bezier.com/#.17,.67,.83,.67) は、イージングを探索するのに非常に役立ちます。
200+
イージングを調整することで多くのユニークな効果を得ることができ、アニメーションを非常にスタイリッシュにすることができます。CSS を使用すると、3次のベジェ曲線のプロパティを調整して変形できます。 Lea Verou 氏によって作成された [Playground](https://cubic-bezier.com/#.17,.67,.83,.67) は、イージングを探索するのに非常に役立ちます。
201201

202202
3次のベジェ曲線が提供する2つのハンドルを使用すると単純なアニメーションで優れた効果を実現できますが、JavaScript では複数のハンドルを使用できるため、より多くのバリエーションが可能になります。
203203

0 commit comments

Comments
 (0)