27 Free CSS3 Sliders Plugin لتطبيق ويب WordPress 2020
نشرت: 2018-09-13في حال كنت تشاهد Free CSS3 Sliders ، فأنت محق في وجودك هنا ، سيساعدك هذا العرض في العثور على بديل ممتاز لمكونات شريط التمرير الخاصة بالصور أو مواد المحتوى لتتمكن من العمل بجودة عالية بدون تمكين JavaScript.
فلماذا ترغب في استخدام منزلقات CSS3 المجانية الخالصة لعرض المحتوى المميز الخاص بك؟ على الرغم من أن شريط تمرير jQuery عصري بشكل خاص وشائع الاستخدام في تقدم موقع الويب ، إلا أن القليل من مستهلكي الويب قد قاموا بتعطيل JavaScript في متصفح الويب الخاص بهم ، وهذا هو السبب في أن استخدام شريط CSS يمكن أن يكون ذا قيمة خاصة.
1. شريط تمرير مدبب مع CSS & jQuery
في مورد هذه الأيام ، يوجد شريط تمرير مباشر وسريع الاستجابة ، بتصميم حاد وتأثير حركة مثير للاهتمام: مع كل كائن شريحة جديد ، تغطي كتلة منزلقة من المحتوى القديم ، وتكشف عن صورة جديدة تمامًا.
2. متزلج تصميم المواد المتحركة مع CSS3
يُحفز تصميم النسيج المنزلق مع الرسوم المتحركة للتواصل الفعال. تصميم الاتصالات هو مزيج ذاتي من الانضباط بين التصميم والتقدم في الخبرة والذي يهتم بكيفية التواصل بين الوسائط المطبوعة والمُصنعة والوسائط الرقمية أو العروض مع الرجال والنساء
3. إنشاء تنقلات سهم متحركة باستخدام FLEXSLIDER و CSS3
يجب أن تكونوا جميعًا على دراية تامة بدروس "أنماط التنقل" في Codrop. هم بالأحرى ملهمون وفنيون. أديت مع العرض التوضيحي لأنماط Arrow Navigation ، لقد تأثرت.
4. jcSlider: jQuery Responsive Slider with CSS Animations
ملحق jQuery المنزلق سريع الاستجابة مع الرسوم المتحركة لـ CSS. لم يعد هذا المكون الإضافي يستخدم الرسوم المتحركة jQuery. يعتبر CSS3 مفيدًا ، مع مراعاة مسائل الكفاءة. لا يجب أن تحسب المسافات أو الأحجام أو شيء ما ، من الأفضل إضافة وإزالة الدورات إلى العوامل لتحريكها. لا يمكن أن يكون أسهل!
5. المتزلج ذو الطبقات المستجيبة مع CSS3 & jQuery
يعمل شريط التمرير بأكمله عن طريق استخدام مستند JavaScript فقط ، كما أنك لست مضطرًا إلى إرفاق أي أوراق فرز CSS لاستخدامه. يمكن أن تحتوي كل طبقة على 18 نتيجة ممكنة والتي يجب أن تستخدمها حسب رغبتك. يتم إنشاء جميع الرسوم المتحركة عن طريق إدخال كود CSS في صفحة الويب باستخدام JavaScript
6. شريط تمرير معاينة المنتج مع CSS3 & jQuery
نهج سهل لعرض المزيد من صور المنتج والإصدارات الصحيحة في معرض المنتجات. شريط تمرير بسيط للتحقيق في متغيرات المنتج قبل الانتقال إلى صفحة الويب الخاصة بالمنتج.
7. منزلق مقارنة الصور مع jQuery و CSS3
شريط تمرير مفيد قابل للسحب لتقييم رسمين بسرعة ، يتم تشغيله بواسطة CSS3 و jQuery.
8. A-Slider: شريط تمرير jQuery CSS3 مستجيب مع دعم الصوت
شريط تمرير سهل الاستجابة لـ CSS3 بدون تبعيات خارجية إلى جانب jQuery.
9. jQuery Full Width Image Slider مع CSS3
يحتوي شريط التمرير هذا على تصميم عرض مائة٪ وهو سريع الاستجابة. إنه يعمل مع انتقالات CSS ويتم تغليف اللقطة بمرساة. يمكن أيضًا استبدال المرساة بمساعدة قسم إذا لم تكن هناك حاجة إلى ربط.
10. قم بإنشاء شريط تمرير بسيط متعدد العناصر في jQuery & CSS3
في البرنامج التعليمي الحالي ، نحتاج إلى أن نوضح لك كيف يمكن للمرء إنشاء شريط تمرير كائن سهل باستخدام الرسوم المتحركة لـ CSS وعدد قليل من jQuery. تمت المطالبة بالاقتراح مرة واحدة باستخدام شريط تمرير منتج Aplle حيث تطير بعض الأدوات الصغيرة مع رسم متحرك كذاب.
11. StackSlider: منزلق صور ثلاثي الأبعاد ممتع مع jQuery & CSS3
StackSlider عبارة عن مكون إضافي تجريبي لمنزلق الصور jQuery يستكشف مفهوم عرض أكثر متعة للصور المصغرة ، باستخدام تحولات ومنظور CSS ثلاثي الأبعاد.
12. كيفية إنشاء شريط تمرير صور متجاوب في jQuery و CSS3
في هذه الأيام ، يمكننا ترميز شريط تمرير صورة سريع الاستجابة من واجهة المستخدم الانطباعية. سنكون قادرين على ترميزه باستخدام المكون الإضافي FlexSlider للوظائف والتنوع باستخدام CSS3.
13. JQ-Tiles: شريط تمرير مع انتقالات css3 و jQuery
شريط التمرير مع انتقالات css3 والكثير من النتائج. في المتصفحات التي لا تساعد في انتقالات css3 ، لن يتم تحريك الدروس ، ولكن بعض النتائج ستظل تعمل ، ولكن قليلاً فقط غير متساوية.
14. Triple Panel Image Slider في jQuery & CSS3
في هذا البرنامج التعليمي ، سنكون قادرين على إنشاء شريط تمرير صور jQuery ثلاثي الألواح مع ظهور ثلاثي الأبعاد. الفكرة هي أن يكون لديك لوحة أكثر أهمية ولوحين جانبيين يتم تدويرهما بشكل معقول في منطقة ثلاثية الأبعاد.
15. Fullscreen Slit Slider مع jQuery و CSS3
في هذا البرنامج التعليمي ، سننشئ عرض شرائح ملء الشاشة مع تطور: سنقوم بفتح الشريحة الحالية من أجل الكشف عن الشريحة التالية أو السابقة.
16. Flux Slider: انتقالات الصور القائمة على الرسوم المتحركة jQuery CSS3
شريط التمرير Flux عبارة عن إطار عمل انتقالي للصور للرسوم المتحركة CSS3 ، يُطلب منه جزئيًا المكون الإضافي Nivo Slider jQuery البارز.
17. شريط تمرير محتوى المنظر مع CSS3 و jQuery
اليوم نريد مشاركة شريط تمرير محتوى بسيط معك. باستخدام الرسوم المتحركة لـ CSS ، سنتعامل مع الرسوم المتحركة لكل عنصر في شريط التمرير وننشئ نتائج اختلاف المنظر عن طريق تحريك الماضي التاريخي لشريط التمرير نفسه.
18. كيفية إنشاء شريط تمرير أنيق للمحتوى باستخدام CSS3 & jQuery
تعد أشرطة تمرير المحتوى عامة جدًا نظرًا لأنها تعمل وعلى الأرجح لا تمنع قابلية الاستخدام وفي العديد من الظروف قد تعزز خبرة المستخدم. في الوقت الحالي ، سوف ندرس الطريقة الصحيحة لإنشاء شريط تمرير أنيق لمواد المحتوى باستخدام CSS3 وعدد قليل من jQuery magic.
19. أفقي الجدول الزمني خالية CSS3 المتزلجون
كان بناء جدول زمني أفقي معقدًا بعض الشيء ، نظرًا لأنك لن تكون قادرًا على الاعتماد على سلوك التمرير العمودي (حدسي إضافي). لقد اتخذنا قرارًا بالفصل بين الجدول الزمني والحركات ، بحيث يعمل الخط الأساسي مثل شريط التمرير ، وفي نفس الوقت يشغل الثاني العرض بالكامل ويعرض مناسبة واحدة في كل مرة.
20. مثالي للصور المتزلجون CSS3 خالية من المتزلجون
الهدف من الصورة المثالية Free CSS3 Sliders هو إنشاء شريط تمرير يحتوي على الكمية الصحيحة من العناصر ، بدون انتفاخ ويكون مناسبًا للإطالة بحيث يمكن أيضًا تقديم نقاط إضافية كـ "ملحقات".
21. جميع الرسوم المتحركة: متزلجون CSS3 مجاني
All Animation.Css عبارة عن مجموعة من الرسوم المتحركة ، ممتعة للسماح بمهمة أكثر جاذبية. إنها رسوم متحركة في متصفح go-browser ولكن كطريقة للتأكيد على صفحاتك على أنها منزلقات ، وتأثيرات ثلاثية الأبعاد.
22. شبكة المنتج القابلة للتصفية باستخدام jQuery & CSS3
هذا المخطط عبارة عن تخطيط شبكي منتج مستجيب يعمل بنظام النظائر المشعة ، حيث يكون كل عنصر في الشبكة عبارة عن شريط تمرير صورة فليكتي.
23. jQuery Rotated Gallery with CSS3
سأوجهك اليوم إلى تعلم كيفية إنشاء معرض مائل باستخدام jQuery واستخدام CSS3 يتحول إلى خاصية. كل عنصر من عناصر المعرض يتحكم وينبثق لكل صورة.
24. نموذج تقديم تطبيقات الجوال مع CSS3 و jQuery
نموذج شائع لإظهار عناصر الجودة في تطبيقك ، ومُخصَّب بشريط تمرير فيديو لفهم أفضل للمستخدم.
25. المتزلجون: متزلجون CSS3 مجاني
سهل الاستخدام ، شريط تمرير CSS3 / jQuery متراكب متجاوب مع التنقل.
26. jQuery Vertical News Slider
وحدة منزلق jQuery و CSS تتمحور حول CSS والتي تعرض عناوين المعلومات على اليسار جنبًا إلى جنب مع لقطة معاينة ووصف عابر على اليمين.
27. مجموعة من انتقالات الصفحة باستخدام CSS3 و jQuery
في الوقت الحالي نرغب في مشاركة مجموعة من انتقالات صفحات الويب البارعة معك. لقد قمنا بتجميع بعض الرسوم المتحركة التي يمكن استخدامها في "الصفحات" لزيادة تأثيرات التنقل الرائعة عند الكشف عن صفحة ويب جديدة تمامًا.