レスポンシブウェブデザインプロジェクト#3 ---製品のランディングページ---- ---ゼルダのビデオゲームのプロモーションページの主要なビジネス企業ライブラリー

 

レスポンシブウェブデザインプロジェクト#3 ---製品のランディングページビジネス企業、ゼルダプロモーションビデオページのプライマリ・リポジトリ

https://codepen.io/yiyunpan//

 

#テクノロジ・スタック

HTML、JavaScriptとCSSの完全なを使用して1。ここで行うには、純粋なCSSです

 

#コンテンツ

セマンティックタグの1. H5

2.キーFlexは(CSS3アニメーションが参加していない)CSS3を使用してレイアウト

3. 3プル:フォントを引っ張って、サイトの文言を引き出し、マップを引きます。

4.設計ページレイアウト、UI、色、デザインビジネス企業のロゴ、会社名(の最も幸せで最も誇りに思ってはこれです、と私は完全に美学を反映し、ケケ)

5. @mediaは引き続き使用します

 

#レイアウト

応答レイアウト:

ページに固定された(私のブログとCodePen.ioに)彼の名前を持つ1.ナビゲーションナビゲーション

ページに固定された一次ライブラリーの2頭公式ビデオゲーム、

2. @mediaスタイル異なる幅は、いつインタフェース、提供されています

3.アダプティブページ要素

 

#エフェクト(頭やナビゲーション、明日残りを行います)

 

 

 

おすすめ

転載: www.cnblogs.com/jane-panyiyun/p/12424130.html