jquery と CSS3 を使用して、cleartrip の Web サイトのように、送信元と送信先を交換できるテキスト フィールド スワッパーが必要ですか? ボタンまたは矢印をクリックすると、テキスト フィールドが交換され、ソース フィールドと宛先フィールドの値が変更されるようなものです。
jquery と CSS3 トランジション プロパティを使用して、出力テキスト ボックスで cleartrip のような効果を得ることができます。このリンクでこの優れた記事をチェックしてください
ここでは、CSS 3 トランジション プロパティを使用して、アニメーションのようなエフェクトを作成し、テキスト ボックスを変更しています。
そのソースコードをダウンロードすることもできます。