קרוסלות
קרוסלה עם תמונות קטנות Thumbnail Carousel
תפריט טעימות של בר יין כשקופיות גדולות: כל מנה נכנסת בניגוב מימין, והתמונה הקטנה הפעילה מתמלאת בפס עד המנה הבאה.
על הרכיב
- כל שקופית מתקרבת לאט והטקסט שלה עולה שורה אחרי שורה: מספר המנה, שם, תיאור, יין מומלץ ומחיר.
- הפס מתחת לתמונה הקטנה הוא אנימציית CSS שסופה מקדם את הקרוסלה, כך ששום טיימר לא רץ מחוץ למסך; מעבר עם העכבר עוצר אותו.
- התמונות הקטנות, החצים, החלקה והחצים במקלדת מדפדפים; בטלפון הטקסט יורד מתחת לתמונה והתמונות הקטנות ממלאות את הרוחב.
- את המנות, התמונות, היינות והמחירים משנים ב-COURSES ואת הזמן לכל מנה ב-SLIDE_MS.
עוד קרוסלות
קרוסלת פוקוס
Focus Carouselקרוסלות · קרוסלה שבה התמונה שבמרכז גדולה וחדה, והצדדיות קטנות ומטושטשות, עם כיתוב, מונה וחיצים.
טבעת תלת־ממד
3D Ring Carouselקרוסלות · תמונות על גליל תלת־ממדי שמסתובב לאט, עם כותרת שעוברת בין הקדמה לאחור.
סליידר מהירות
Velocity Sliderקרוסלות · סליידר אופקי עם תנופה, שבו הכרטיסים נוטים ומתכווצים לפי מהירות הגרירה.
