コード 知識ポイント 1. fullpage.jsを組み合わせてフルスクリーンスクロールを実現する 2. CSS の linear-gradient() 関数は、線形グラデーション「イメージ」を作成するために使用されます。 |
価値 | 説明する |
---|---|
方向 | 角度値を使用して、グラデーションの方向 (または角度) を指定します。 |
カラーストップ1、カラーストップ2、… | グラデーションの開始色と終了色を指定するために使用されます。 |
3. ブロックレベルラベルを中央揃えにする
位置:絶対; 残り:50%; 上位:50%; 左余白: 自身の幅の半分; 上マージン: 自身の高さの半分;
または:
位置:絶対; 残り:50%; 上位:50%; 変換:Xを移動(-50%)、Yを移動(-50%);
4. 連続効果を実行する:
①まず、背中合わせ効果の親ボックスに遠近感効果を追加します
背中合わせの効果の親ボックスに 3D 効果を追加します。transform-style: preserve-3d;
② バックフェイスの非表示属性を使用する: backface-visibility:hidden
③アニメーション効果、連続回転
5. リング回転効果
①カスタムアニメーション ②さまざまなXYZ角度を調整して回転効果を作成する
6. 失敗の影響
最初は、すべてのコンテンツを 2 倍の大きさにする現在のクラスがあります。画面が変わると、クラス名は削除されます。落下効果を実現するために、すべてのアニメーションは 1.5 秒以内に完了します。
7. 3 つの画面の線には回転と回転があります。公転は中心Qの周り、自転はY軸○の周りです。
操作効果
要約する
CSS で QQ ブラウザ機能を実装する方法についての記事はこれで終わりです。より関連性の高い CSS QQ ブラウザ コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。
<<: Linux Cron によるパラメータ付き PHP コードのスケジュール実行
>>: Mysql-connector-java ドライバのバージョン問題の概要
目次導入1. 異食症2. レナ3. コンプレッサー4. ファブリック5. ぼかす6. 画像を結合する...
MySQL 5.7 を新しくインストールしました。ログインすると、パスワードが間違っているというメッ...
背景mysql.slow_log からスロー クエリ ログを取得するのは遅く、テーブルは csv テ...
ディスク領域の管理は、システム管理者にとって重要な日常的なタスクです。ディスク領域が使い果たされると...
目次序文iframeはサンドボックスを実装しますdiffメソッドを使用したサンドボックスの実装プロキ...
<br />作業を簡単に完了できる Web ページ作成ツールは数多くありますが、HTML...
1. 背景Youzan の各 OLTP データベース インスタンスには、実行時間が特定のしきい値を超...
準備まず、nodejs をダウンロードする必要がありますが、これは問題ないはずです。原文はwebst...
目次1. スローログの紹介2. スローログの練習1. スローログの紹介スロー ログの正式名称はスロー...
Linux は現在最も広く使用されているサーバー オペレーティング システムです。Unix をベー...
Array の filter、find、some、reduce メソッドの違いを区別し、使用シナリオ...
テーブル パーティショニングは、データベース パーティショニングとは異なります。では、テーブル パー...
イメージのバージョンとタグを確認するには、docker hubで確認する必要があります。アドレスは次...
質問:最近、プロジェクトの統計を行っていたときに、テーブルを上下にスクロールしたときにテーブルの先頭...
GitHubアドレス、気に入ったらスターを付けてくださいプラグインのプレビューチュートリアル1. プ...