--- title: Apple has a private CSS property to add Liquid Glass... description: Apple has developed a private CSS property called `-apple-visual-effect` that enables Liquid Glass effects in web content within iOS apps. The property... canonical: https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Apple has a private CSS property to add Liquid Glass effects to web content | daily.dev og:description: Apple has developed a private CSS property called `-apple-visual-effect` that enables Liquid Glass effects in web content within iOS apps. The property... og:url: https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c og:image: https://api.daily.dev/og/posts/F5M5v822C.png og:image:alt: Apple has a private CSS property to add Liquid Glass effects to web content og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Apple has a private CSS property to add Liquid Glass effects to web content **[Hacker News](https://daily.dev/sources/hn)** · 3 min read · 279 upvotes · 20 comments ## Summary Apple has developed a private CSS property called `-apple-visual-effect` that enables Liquid Glass effects in web content within iOS apps. The property supports various system materials including the new glass effects from iOS 26, but requires enabling a private WKPreferences setting called `useSystemAppearance`. While this feature can't be used in App Store apps due to its private nature, it suggests Apple is using webviews with native UI integration in their own applications without users realizing it. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@kbbdy** · 14 upvotes > I have strong doubts about such approach. Everybody remember the hell of having browser specific glitches and issues related to CSS and HTML, and how much work and hacking was needed to make page look same on all devices. > > Now we approaches the point, where almost all CSS is working consistently everywhere, and we as developers can focus on the main tasks, instead of compatibility issues. > > What if xiaomi, google, samsung and others will start adding own custom CSS stuff to their browsers? Will we have a new era of crating browser-specific code and modules? I can imagine situation that client... **@dailydevtips** · 14 upvotes > Really interesting find! > Would have been golden if they just said developers can leverage this to better target webkit users. **@aipartner** · 5 upvotes > interesting how we are going back to glassy ui's . windows 7 was a classic **@frontendwize** · 2 upvotes > That's pretty cool man **@perrycodes** · 1 upvotes > Useless for everyone outside of Apple. --- Tags: [#apple](https://daily.dev/tags/apple), [#css](https://daily.dev/tags/css), [#ios](https://daily.dev/tags/ios), [#safari](https://daily.dev/tags/safari) [View this post on daily.dev](https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Apple has a private CSS property to add Liquid Glass effects to web content","url":"https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c"},"datePublished":"2025-09-15T15:44:04.455Z","dateModified":"2025-09-15T15:44:26.567Z","description":"Apple has developed a private CSS property called `-apple-visual-effect` that enables Liquid Glass effects in web content within iOS apps. The property...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0afe4710f075cdbbfdd431b41df19e9a?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0afe4710f075cdbbfdd431b41df19e9a?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"Hacker News","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hacker News","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/hn","url":"https://daily.dev/sources/hn"},"commentCount":20,"discussionUrl":"https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":279},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":20}],"keywords":"apple,css,ios,safari","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hacker News","item":"https://daily.dev/sources/hn"},{"@type":"ListItem","position":3,"name":"Apple has a private CSS property to add Liquid Glass effects to web content"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content-f5m5v822c","comment":[{"@type":"Comment","text":"I have strong doubts about such approach. Everybody remember the hell of having browser specific glitches and issues related to CSS and HTML, and how much work and hacking was needed to make page look same on all devices.\nNow we approaches the point, where almost all CSS is working consistently everywhere, and we as developers can focus on the main tasks, instead of compatibility issues.\nWhat if xiaomi, google, samsung and others will start adding own custom CSS stuff to their browsers? Will we have a new era of crating browser-specific code and modules? I can imagine situation that client will say “I want it to look like on x device, why you can’t make it work the same everywhere?”.","datePublished":"2025-09-25T08:20:29.912Z","url":"https://daily.dev/posts/F5M5v822C#c-7yjbenBGD","author":{"@type":"Person","name":"Krzysztof","url":"https://daily.dev/kbbdy","image":"https://avatars.githubusercontent.com/u/5362794?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":14}},{"@type":"Comment","text":"Really interesting find!\nWould have been golden if they just said developers can leverage this to better target webkit users.","datePublished":"2025-09-24T13:17:25.280Z","url":"https://daily.dev/posts/F5M5v822C#c-fGomw7d7h","author":{"@type":"Person","name":"Chris Bongers","url":"https://daily.dev/dailydevtips","image":"https://media.daily.dev/image/upload/s--9gxFz1e7--/f_auto/v1705902590/avatars/avatar_JUNiIGCV-?_a=BAMAMiZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":14}},{"@type":"Comment","text":"interesting how we are going back to glassy ui’s . windows 7 was a classic","datePublished":"2025-09-26T12:13:35.593Z","url":"https://daily.dev/posts/F5M5v822C#c-tdEnjc3h7","author":{"@type":"Person","name":"A.I Parter","url":"https://daily.dev/aipartner","image":"https://lh3.googleusercontent.com/a/ACg8ocIE1rojZBWq4t_slCYLTb0LYMr3-WzCehMuhbBiwTiJiltzeg=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"That’s pretty cool man","datePublished":"2025-09-25T07:07:19.110Z","url":"https://daily.dev/posts/F5M5v822C#c-iiigZcyed","author":{"@type":"Person","name":"Malthe","url":"https://daily.dev/frontendwize","image":"https://avatars.githubusercontent.com/u/113386244?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Useless for everyone outside of Apple.","datePublished":"2025-09-30T07:46:59.281Z","url":"https://daily.dev/posts/F5M5v822C#c-80g0V7JMW","author":{"@type":"Person","name":"Jason Perry","url":"https://daily.dev/perrycodes","image":"https://lh3.googleusercontent.com/a/ACg8ocKfLPEVBUg7kKka6SkBVpsm4yCordjSbm-mHVaZX_ULMODjEBHNaQ=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```