New visual effects in iOS 18 #swiftui

MeshGradient.swift

MeshGradient(
    width: 3,
    height: 3,
    points: [
        [0.0, 0.0], [0.5, 0.0], [1.0, 0.0],
        [0.0, 0.5], [0.9, 0.3], [1.0, 0.5],
        [0.0, 1.0], [0.5, 1.0], [1.0, 1.0]
    ],
    colors: [
        .black, .black, .black,
        .blue, .blue, .blue,
        .green, .green, .green
    ]
)

ScrollParallaxEffect.swift

ZStack {
    AnimalPhoto(image: animal)
        .scrollTransition(axis: .horizontal) { content, phase in
            content.offset(x: phase.value * -250)
        }
}
.containerRelativeFrame(.horizontal)
.clipShape(RoundedRectangle(cornerRadius: 32))

VisualEffectModifier.swift

ScrollView(.vertical) {
    VStack(spacing: 16) {
        ForEach(groceries, id: \.self) { grocery in
            RoundedRectangle(cornerRadius: 24)
                .fill(.purple)
                .frame(height: 100)
                .visualEffect { content, proxy in
                    content
                        .hueRotation(Angle(degrees: proxy.frame(in: .global).origin.y / 10))
                }
        }
    }
}