質問 画像とテキストのシームレスなスクロールは、一般的に携帯電話では良い効果をもたらしますが、一部のモバイル ブラウザーでは画像がひどく揺れてしまいます。 間違った書き方 次のように 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 オブジェクトからプリミティブ値への変換の詳細な説明
この記事では、一般的な MySQL 最適化方法をいくつかまとめて簡単に紹介します。これは、フルタイム...
目次連合テーブルの初期化ステートメントの実行連合の結果ユニオンオールグループ化十分なメモリステートメ...
前回の記事に引き続き、web02 サーバーを作成し、web01 サーバーと web02 サーバーの ...
前提条件Windows Server でコンテナーを実行するには、Windows Server (半...
1. サーバーを購入するこの例では、購入したサーバーはAlibaba Cloudです。大学生はAli...
この投稿では、通知、画像とビデオ、フォーム フィールド、タイトル、段落、箇条書きリスト、ナビゲーショ...
目次序文1. gzip圧縮を設定する2. 詳細設定3. nginxサービスを再起動する要約する序文ウ...
bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorExce...
今日は奇妙なネットワーク問題に遭遇しました。調査プロセスといくつかの構成状況を記録し、Linux で...
1 ストアドプロシージャ1.1 ストアドプロシージャとは何かストアド プロシージャは、特定の機能を実...
序文決まり文句です。ここでは、フロントエンドとバックエンドの分離についての私の理解についてお話ししま...
React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...
01. コマンドの概要seq コマンドは整数のシーケンスを生成するために使用されます。 02. コマ...
画像をダウンロード docker プル mysql:5.7 docker pull php:7.2-...
この記事の目的は、これらの概念とその機能の関係を明らかにすることです。 Mysql がトランザクショ...