Development

        
            1
            import { ViewTransition } from 'react';
          
            2
            
          
            3
            <ViewTransition>
          
            4
              <Component />
          
            5
            </ViewTransition>
          
      

        
            1
            .hero {
          
            2
              background: light-dark(
          
            3
                url(day.webp), url(night.webp));
          
            4
              opacity: progress(100vw, 375px, 1440px);
          
            5
            }
          
      

        
            1
            npm install next@16.4.1
          
            2
            # or, for 15.5
          
            3
            npm install next@15.5.28
          
      

        
            1
            import { ViewTransition } from 'react';
          
            2
            
          
            3
            <ViewTransition>
          
            4
              <Component />
          
            5
            </ViewTransition>
          
      

        
            1
            .hero {
          
            2
              background: light-dark(
          
            3
                url(day.webp), url(night.webp));
          
            4
              opacity: progress(100vw, 375px, 1440px);
          
            5
            }