الكثير قوائم CSS بملء الشاشة إنها مفيدة لاستخدام الصور الكبيرة التي تميل إلى التأكيد على موضوع الويب ، سواء كانت صفحة مقصودة أو موقع تصوير أو حتى تجارة إلكترونية حيث نريد إبراز منتج معين.
هذه السلسلة من 10 قوائم CSS بملء الشاشة أو ملء الشاشة اتبع المعايير الحالية ويقودوننا إلى تقديم عنصر الجودة الإضافي في تصميم الويب الذي يجب أن نبحث عنه اليوم. لقد تابعنا بالفعل سلسلة أخرى من المقالات المماثلة ، مثل قوائم الجانب الشرقي o هذا الآخر. دعنا نذهب مع قوائم CSS العشر بملء الشاشة.
قائمة ملء الشاشة
هذا الرمز مع القليل من Flexbox و jQuery يقودنا إلى قائمة أنيقة بملء الشاشة تتميز برسوم متحركة دقيقة. هذه الرسوم المتحركة تضعنا قبل الأقسام المختلفة. مثالي لتحديث موقعنا اليوم.
التنقل بملء الشاشة
قائمة أخرى بملء الشاشة حالية جدًا مع ملف عرض الرسوم المتحركة الانتقالية بشكل جيد الذي يأخذنا إلى الأقسام المختلفة التي تظهر بحجم جيد. مدهش وأنيق للغاية.
قائمة ملء الشاشة
قائمة بملء الشاشة مبسطة تتبع جودة القائمة السابقة ، بالرغم من ذلك إنه أبسط من حيث المفهوم. هذا لا يعني أن تحديث موقعنا على شبكة الإنترنت وإبرازه أمام الزائرين هو أمر آخر ذو جودة عالية.
قائمة شاشة Flexbox
هذه القائمة لا يتم التقديم بشكل صحيح في IE. على أي حال ، إنها واحدة أخرى ذات جودة بصرية عالية لتلك الأنواع من العملاء الذين يبحثون عن شيء مختلف ، ولكن هذا يتمتع بمظهر احترافي للغاية. تم تنفيذها بشكل ممتاز لتكون واحدة من أكثرها تميزًا في القائمة.
التنقل بملء الشاشة
نريد أن نجعل الأمر صعبًا بالنسبة لك مع هذه السلسلة من القوائم. هذا الآخر أنيقة جدا ويحمل حركة انتقال سلسة. دقيق جدا لموقع الويب الخاص بك. لا يمكنك تفويتها ، لذلك لديك بالفعل خيار لتحديث موقع الويب الخاص بك برمز مثل الرمز المعروض في codepen. نوصي بمشاهدة المثال حتى تتمكن من التفاعل معه وبالتالي الحصول على فكرة أقرب عن الشكل الذي سيبدو عليه.
قائمة ملء الشاشة CSS
قائمة ملء الشاشة هذه هي من أبسط من القائمة بأكملها. أيقونة الهامبرغر الموجودة على اليمين والقائمة التي تظهر عند الضغط عليها ، في منتصف الشاشة مباشرة. يستحق أن يطلق عليه قائمة ملء الشاشة مصنوعة في CSS.
قائمة ملء الشاشة
قائمة ملء الشاشة هذه عبارة عن CSS و الحصول على الخلفية أغمق بحيث بعد الضغط على زر الهامبرغر ، نظهر أمام خيارات القائمة المختلفة مع رسم متحرك للشلال مصمم جيدًا. إنه أنيق بلا شك.
قائمة شاشة كاملة نقية CSS3
قائمة ملء الشاشة مع ملف سلسلة من التحولات والتأثيرات المصنعة في CSS3 النقي. بسيط بعض الشيء في المفهوم ، على الرغم من أنه لا يمكن أن يكون مفقودًا من هذه القائمة ليكون مختلفًا تمامًا عن البقية.
التنقل بملء الشاشة
قائمة ملء الشاشة هذه صنع في HTML و CSS و JavaScript يتميز برسوم متحركة انتقالية بوتيرة بطيئة بعض الشيء ، ولكنه يعطي شيئًا خاصًا للويب حيث يتم إدخال الكود. يستخدم التمرير في كل قسم من الأقسام لتمييز نفسه عن الباقي.
قائمة التنقل Pure CSS
ننهي القائمة بقائمة تنقل كاملة الشاشة تتم في CSS خالص. هذه المرة لدينا زر همبرغر على اليسار من الشاشة التي تنشط الرسوم المتحركة لدائرة تفتح لإظهار الأقسام المختلفة من القائمة. ربما يكون الانتقال بطيئًا ، لكنه قابل للتكوين لوضعه حسب رغبتنا.
نتركك مع سلسلة من النماذج في CSS لهذا السبب إدخال النص الذي سيكون أكثر راحة وممتعة لزائر الويب.