Baidu Takeout の基本構造
エム＆レムの役割
rem を使用して複数のデバイスに適応させる
jsはhtmlのfontSizeを動的に変更します
Baidu テイクアウト scss js 計算 rem
Baidu Takeaway_ホームページのレイアウト
2ページ目のレイアウト
Sass構文の補足
Sass関数ミックスインを追加して開発効率を向上
スワイパーの準備とカラー
トップタイトル
ページ 1_カルーセル ページ 1 のレイアウト
ページ 1_カルーセル ページ 1 ファイル レイアウト
ページ 1_カルーセル ページ 2 ページ レイアウト
ページ 2_レイアウト効果
ページ 3_レイアウト
ページ4_レイアウト
5ページ_レイアウト
6ページ_レイアウト
7ページ_レイアウト
ホームページのアニメーション効果
ホームページアニメーションの切り替えが完了しました
ウェルカムページのアニメーション効果の実装
テイクアウト2ページ目にアニメーションを実装
テイクアウトのタイトル領域のアニメーション
最初に回転します
回転アニメーション解析＆揺動アニメーション
ホームページのアニメーションが完成しました
ページ 2 アニメーション
開いているスライドを無効にする
ページ 3t ブランドアニメーション
ページ 3t ブランド ブランド アニメーション
ページ 3 スタイルの復元&4 アニメーション&5 アニメーション
ページ 6 ギフトアニメーション
6ページ目 ギフトアニメーション処理
ページ 6 ギフトアニメーション Sass ループ構文
オーディオを再生する
animate.cssの基本的な使い方
百度テイクアウト
この章では、HTML5 を使用して、Baidu のテイクアウト モバイル サイトのフロントエンド制作の手書き開発について説明します。
