સ્ક્રોલથી ચાલતું સિનેમેટિક પ્રદર્શન

દરેક નમૂનાને એજન્સીએ બનાવેલી સાઇટ જેવો અનુભવ આપવો — અસલ વીડિયો, આત્મવિશ્વાસી અક્ષરો અને ગતિ — છતાં ફોન પર ચાલતી એક નિર્ભરતા-મુક્ત સ્ક્રિપ્ટ રાખવી.

• કોઈ એનિમેશન લાઇબ્રેરી નહીં: દરેક ભાગ માટે એક નાની સ્ક્રિપ્ટ.
• બેટરી અને ડેટા બચાવવા એક સમયે માત્ર એક વીડિયો ડીકોડ થાય.
• ઓછી ગતિની પસંદગીનો આદર કરવો અને સ્થિર લેઆઉટમાં ફેરવાઈ જવું.

1. 01

   પિન કરેલી રીલ

   સ્થિર મંચ સાથે ઊંચો ભાગ; સ્ક્રોલની પ્રગતિ clip-path, કદ અને પ્રકરણ ચલાવે છે.

2. 02

   પ્રકરણો

   કૅપ્શન સાથે ત્રણ સુધી ક્લિપ એકબીજામાં ભળે છે; માત્ર સક્રિય ક્લિપ ચાલે છે.

3. 03

   પિન કરેલી ગેલેરી

   સ્ક્રોલથી ખસતી આડી પટ્ટી, દરેક કાર્ડ પર પેરાલેક્સ સાથે.

4. 04

   પહેલાં પોતાના ફોટા

   વ્યવસાયના પોતાના ફોટા જાણીતા હોય ત્યારે ગેલેરી તેનાથી શરૂ થાય છે.

પ્રવાહ ડાબેથી જમણે, ઉપરથી નીચે છે.

• સ્ક્રોલ સાથે જોડાયેલી ગતિ એક પ્રગતિ મૂલ્ય પર આધાર રાખે; બાકી બધું તેમાંથી જ આવે.
• મુકાયેલા કમ્પોનન્ટે પોતાની સ્ટાઇલની રક્ષા કરવી જોઈએ.
• અસલ વીડિયો અને સંયમ જટિલ બનાવેલા ગ્રાફિક્સને હરાવે છે.