VisualEffect2

VisualEffect2.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        ScrollView(.vertical) {
            ForEach(0..<1000) { i in
                RoundedRectangle(cornerRadius: 24)
                    .fill(.blue)
                    .frame(height: 100)
                    .padding(.horizontal)
                    .visualEffect { content, proxy in
                        let y = proxy.frame(in: .global).origin.y
                        let offset = y > 60 ? 0 : -(y-60)
                        let scale = y > 60 ? 1 : min(max(((y-60)/1200 + 1), 0.4), 1)
                        let blurradius = y > 60 ? 0 : min(max(-(y-60)/100, 0), 4)
                        return content
                            .hueRotation(.degrees( y/10))
                            .scaleEffect(x: scale, y: scale, anchor: .top)
                            .offset(y: offset - max(min(0.08 * offset * (1 - 1/exp(offset)), 30), 0))
                            .opacity(y < -800 ? 0 : 1)
                            .blur(radius: blurradius)
                    }
            }
        }
    }
}

#Preview {
    ContentView()
}