--- title: Chris’ Corner: Liquid Ass – CodePen | daily.dev description: The liquid glass design trend is gaining popularity among developers, with CSS implementations using backdrop-filter blur effects to create frosted glass... canonical: https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Chris’ Corner: Liquid Ass – CodePen | daily.dev og:description: The liquid glass design trend is gaining popularity among developers, with CSS implementations using backdrop-filter blur effects to create frosted glass... og:url: https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r og:image: https://api.daily.dev/og/posts/nTZte8G6r.png og:image:alt: Chris’ Corner: Liquid Ass – CodePen 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. # Chris’ Corner: Liquid Ass – CodePen **[CodePen](https://daily.dev/sources/codepen)** · 3 min read · 50 upvotes · 6 comments ## Summary The liquid glass design trend is gaining popularity among developers, with CSS implementations using backdrop-filter blur effects to create frosted glass appearances. While visually appealing and demonstrated by Apple in their recent designs, this trend raises accessibility concerns due to poor text contrast ratios. The effect has been around for years but is experiencing renewed interest, with developers creating various implementations and tutorials. ## 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. **@v1rgo\_89** · 5 upvotes > Windows Vista vibes. Wow, when Apple presents something that is ALWAYS a copy of something used many years ago, every fanboy goes "whoah" as if it were some kind of a groundbreaking thing, never seen before. Actually, I kind of dredge over accessibility here and performance. On the other hand, if glass visuals is the most anticipated feature of new iOS, I think people are just dumb to keep on buying new Apple devices. **@seyoungcho** · 5 upvotes > Liquid Ass? **@sumbers** · 3 upvotes > Liquid glass design is very odd for contrasts I don't get it how they found this a good idea to do this. **@petecapecod** · 1 upvotes > Yeah exactly what I was thinking. It can look kind of cool if done right, BUT it does not look very accessible at all ☹️ > > Guess I'll leave that to someone smarter than me to figure out 😅 **@byteoutlaw** · 0 upvotes > Missing snippets! :D --- Tags: [#apple](https://daily.dev/tags/apple), [#css](https://daily.dev/tags/css), [#ui-design](https://daily.dev/tags/ui-design), [#accessibility](https://daily.dev/tags/accessibility) [View this post on daily.dev](https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r) ```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":"Chris’ Corner: Liquid Ass – CodePen","url":"https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r"},"datePublished":"2025-06-16T16:33:03.843Z","dateModified":"2025-06-16T16:33:25.731Z","description":"The liquid glass design trend is gaining popularity among developers, with CSS implementations using backdrop-filter blur effects to create frosted glass...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/9999c4f77881b634dd1efa8b8df0a918?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/9999c4f77881b634dd1efa8b8df0a918?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"CodePen","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":"CodePen","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/codepen","url":"https://daily.dev/sources/codepen"},"commentCount":6,"discussionUrl":"https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":50},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":6}],"keywords":"apple,css,ui-design,accessibility","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"CodePen","item":"https://daily.dev/sources/codepen"},{"@type":"ListItem","position":3,"name":"Chris’ Corner: Liquid Ass – CodePen"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/chris-corner-liquid-ass-codepen-ntzte8g6r","comment":[{"@type":"Comment","text":"Windows Vista vibes. Wow, when Apple presents something that is ALWAYS a copy of something used many years ago, every fanboy goes “whoah” as if it were some kind of a groundbreaking thing, never seen before. Actually, I kind of dredge over accessibility here and performance. On the other hand, if glass visuals is the most anticipated feature of new iOS, I think people are just dumb to keep on buying new Apple devices.","datePublished":"2025-06-25T16:06:05.635Z","url":"https://daily.dev/posts/nTZte8G6r#c-cwIKMeRkk","author":{"@type":"Person","name":"Adam","url":"https://daily.dev/v1rgo_89","image":"https://avatars.githubusercontent.com/u/23332779?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"Liquid Ass?","datePublished":"2025-06-23T12:04:37.795Z","url":"https://daily.dev/posts/nTZte8G6r#c-oVy9jQRp9","author":{"@type":"Person","name":"SeyoungCho","url":"https://daily.dev/seyoungcho","image":"https://media.daily.dev/image/upload/s---QniJFEK--/f_auto/v1724901542/avatars/avatar_O3ucZSadxc0iLADSOH3rX"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"Liquid glass design is very odd for contrasts I don’t get it how they found this a good idea to do this.","datePublished":"2025-06-28T10:37:36.512Z","url":"https://daily.dev/posts/nTZte8G6r#c-TSx0lw2Ss","author":{"@type":"Person","name":"Sumbers","url":"https://daily.dev/sumbers","image":"https://avatars.githubusercontent.com/u/44472698?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Yeah exactly what I was thinking. It can look kind of cool if done right, BUT it does not look very accessible at all ☹️\nGuess I’ll leave that to someone smarter than me to figure out 😅","datePublished":"2025-06-28T12:34:47.030Z","url":"https://daily.dev/posts/nTZte8G6r#c-FGTFI08o9","author":{"@type":"Person","name":"Peter Cruckshank","url":"https://daily.dev/petecapecod","image":"https://media.daily.dev/image/upload/s--ZJhQyKws--/f_auto/v1721235024/avatars/avatar_A9xh33q0QoxtkGoJRCosp"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Missing snippets! :D","datePublished":"2025-06-23T11:44:25.767Z","url":"https://daily.dev/posts/nTZte8G6r#c-AEBBkJX9I","author":{"@type":"Person","name":"Jacob B. Bonde","url":"https://daily.dev/byteoutlaw","image":"https://media.daily.dev/image/upload/s--veTChHK7--/f_auto/v1733220070/avatars/avatar_5cQvIZKr5tDFDotVDjulg"}}]} ```