Hasty Briefsbeta

Apple has a private CSS property to add Liquid Glass effects to web content

4 hours ago
  • #iOS
  • #Web Development
  • #Apple
  • Apple has a private CSS property called `-apple-visual-effect` for adding Liquid Glass effects to web content.
  • This property is not available for general web use or even standard WKWebView apps without enabling a private setting (`useSystemAppearance`), which risks App Store rejection.
  • The existence of this CSS property suggests Apple uses webviews seamlessly in iOS, blending them so well that users don't notice.
  • The feature allows for conditional styling, enabling developers to provide fallbacks when Liquid Glass isn't supported.
  • This discovery hints at the broader, unnoticed integration of webviews in iOS apps, challenging the negative reputation of in-app webviews.