דילוג לתוכן הראשי
Overview|Storytelling|Entrances|Depth on Scroll|WOW|Section Transitions|Page Transitions|Loaders|Mouse & Hover|Infrastructure|How it works
<Component />While scrollingsticky-basedירידת דור במובייל

לאיזה תוכןלפני ואחרי אמיתי (שיפוץ, איפור, גינה) / זוג תמונות מאותה זווית / כותרת אחת

השאלהיש שני מצבים של אותו דבר, מאותה זווית (לפני ואחרי)?

Before / After (horizontal wipe)

שתי תמונות שכבות, ה-foreground עם clip-path: inset(0 X% 0 0) שמשתנה לפי progress. הכותרת עם background-clip: text שזז מ-stroke ל-fill בסנכרון. רכיב מוכן לשימוש: UkBeforeAfterWipe.

<UkBeforeAfterWipe
  before="/dark.jpg"
  after="/light.jpg"
  title="Light & Dark"
/>
LightDark

Light & Dark

DarkLight

אחרי ה-wipe

תוכן רגיל ממשיך נטיבית.

כתבה שעולה בסיום

עוד לפני שה-wipe נגמר משהו כבר מבצבץ מלמטה, וזה תוכן רגיל בכל עימוד, לא מלל באמצע. התמונה נסוגה ודועכת לשחור בזמן שהוא עולה, ומהרגע שהיא שחורה הרקע של העמידה ושל התוכן זהה, אז העמידה משתחררת בלי שרואים. wipeEnd אומר איפה ה-wipe נגמר. המסך הראשון של הסקשן שקוף והשאר שחור, והתוכן בכרטיס, אז המלל אף פעם לא עובר על קצה.

<UkBeforeAfterWipe vh={400} wipeEnd={0.75} className="[--uk-baw-bg:#000]" before="/dark.jpg" after="/light.jpg" title="Light & Dark" />
<section className="relative -mt-[100vh] min-h-[150vh] bg-[linear-gradient(to_bottom,transparent_100vh,#000_100vh)]">
  <div className="uk-container"><div className="bg-background rounded-uk p-6 md:p-12">כתבה</div></div>
</section>
LightDark

Light & Dark

DarkLight

אור וחושך בצילום נוף

אותו נוף נראה אחרת לגמרי בשעות שונות של היום. בצהריים האור חזק ומלמעלה, הצללים קצרים והצבעים שטוחים. לקראת הערב האור נמוך, הצללים מתארכים, וההרים מקבלים נפח שלא היה להם שעה קודם.

לכן צלמי נוף מתכננים את היציאה לפי השמש ולא לפי הלוח. הם מגיעים למקום לפני הזריחה או לפני השקיעה, מוצאים את הזווית, ומחכים. ברוב הימים האור לא מגיע, והם חוזרים למחרת לאותה נקודה בדיוק.

הלילה הוא עולם אחר. בלי אור מלאכותי בסביבה השמיים מתמלאים בכוכבים, ושביל החלב נראה בעין. המצלמה צריכה חשיפה ארוכה, חצובה יציבה וסבלנות, ומה שנראה לנו כמעט שחור מתגלה בתמונה כצבעים עמוקים של כחול וסגול.

כשמצלמים את אותו מקום ביום ובלילה מאותה נקודה בדיוק, רואים כמה מהתמונה הוא האור ולא הנוף. הבקתה נשארת בקתה וההר נשאר הר, אבל האווירה משתנה לגמרי. בלילה הם צורות כהות מול השמיים, וביום כל פרט בהם נראה.

זה גם הטעם להשוואה בין שתי תמונות כאלה: העין מחפשת מה השתנה, ומגלה שכמעט כלום לא זז. השינוי היחיד הוא האור, והוא מספיק כדי שזה ייראה כמו מקום אחר.