質問 画像とテキストのシームレスなスクロールは、一般的に携帯電話では良い効果をもたらしますが、一部のモバイル ブラウザーでは画像がひどく揺れてしまいます。 間違った書き方 次のように left または margin-left を使用することはできません。 .donghua.active{ アニメーション: スクロール、イーズインアウト、1 秒、無限、交互に; -webkit-animation: スクロールのease-in-out 1秒無限交互; } @keyframes スクロール { から { 左: 0; } に { 左: -353px; } } -webkit-@keyframes スクロール { から { 左: 0; } に { 左: -353px; } } 回避策 モバイル フォンでは、要素がひどく揺れます。次のように 2D 変換を使用します。 .donghua.active{ アニメーション: スクロール、イーズインアウト、1 秒、無限、交互に; -webkit-animation: スクロールのease-in-out 1秒無限交互; } @keyframes スクロール { 0% { 変換: translate(0px, 0px); } 100% { 変換: translate(0px, -353px); } } @-webkit-keyframes スクロール { 0% { 変換: translate(0px, 0px); } 100% { 変換: translate(0px, -353px); } } 以上が、CSS3 を使ってシームレススクロールと手ぶれ防止を実現する方法の詳細です。CSS3 シームレススクロールと手ぶれ防止の詳細については、123WORDPRESS.COM の他の関連記事にも注目してください。 |
<<: FirefoxでCookieとお気に入りをインポートおよびエクスポートする方法
>>: JavaScript オブジェクトからプリミティブ値への変換の詳細な説明
必要:ビジネス要件によると、写真をアップロードできる必要があり、アップロードされた写真はモバイル端末...
ドロップダウン付きのテキストボックスを使用すると、ユーザーはドロップダウン リストから入力を選択した...
データ URI スキームを使用すると、HTML、CSS、Javascript などで使用できるインラ...
WordPress のマルチサイト機能を使用すると、1 つの WordPress プログラムをインス...
目次1. プロジェクト環境: 2: DNSサーバーの設定i: 前方解析を構成する: ii: 逆解像度...
1. 問題の症状バージョン: MySQL 5.6、従来の binlog ファイルと pos 方式を使...
目次グローバルオブジェクトグローバルオブジェクトとグローバル変数プロセスコンソール一般的なツールユー...
目次要件: 進行中のアクティビティ データを照会する次のSQLクエリは、上記の4つの要件を満たし、タ...
1. 既存のモジュールを表示する nginx の sbin ディレクトリに nginx の sbin...
0x00 はじめにWordPress は、世界で最も人気のある CMS システムです。PHP と M...
アプリケーションをコンテナ化した後、Docker コンテナを起動すると、デフォルトで root ユー...
画像プレビュー機能付きのアップロードフォーム、完全なHTMLコードは次のとおりです。 <htm...
主に使用される知識ポイント: •css3 3D変換 •ネイティブjsマウスドラッグイベント•表示:グ...
reactプロジェクトで非常に一般的なシナリオ: const [watchValue、setWatc...
目次1. CentOS 7.9 20にDockerをインストールする2. MySQL クラスターをデ...