<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1" -->

---
title: Death to Scroll Fade! | daily.dev
description: A developer rant against the ubiquitous &#x27;scroll fade&#x27; web design trend, where page elements fade in as they scroll into view. The author argues it&#x27;s tacky,...
canonical: https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Death to Scroll Fade! | daily.dev
og:description: A developer rant against the ubiquitous &#x27;scroll fade&#x27; web design trend, where page elements fade in as they scroll into view. The author argues it&#x27;s tacky,...
og:url: https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1
og:image: https://api.daily.dev/og/posts/wi5aB25G1.png
og:image:alt: Death to Scroll Fade!
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.

# Death to Scroll Fade!

**[Lobsters](https://daily.dev/sources/lobsters)** · 4 min read · 56 upvotes · 5 comments

## Summary

A developer rant against the ubiquitous 'scroll fade' web design trend, where page elements fade in as they scroll into view. The author argues it's tacky, often demanded last-minute by stakeholders, and raises real concerns: accessibility issues for users with vestibular disorders, cognitive overload, cross-platform inconsistency, and negative impact on Core Web Vitals like LCP. The post crowdsources practical arguments to push back against scroll fade requests, while humorously suggesting developers collectively pretend the technique is now illegal.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://dbushell.com/2026/01/09/death-to-scroll-fade/>

## Community discussion

Top comments from developers on daily.dev.

**@joeattardi** · 5 upvotes

> Let's kill the typewriter effect and skill progress bars while we're at it please.

**@sudomuli** · 3 upvotes

> AGREE! If i see one of these i leave the site immediately.

**@joncoe** · 0 upvotes

> There are far more imaginative transitions one can do to bring spark and joy to a website experience.

**@a\_meb\_a** · 0 upvotes

> totally agree

**@dustysheldon** · 0 upvotes

> Generally agree, and would love to see an internet where inaccessible features are opt-in, rather than forcing impacted users to opt out; **_however_**, there are plenty of strategies for implementing scroll-based animations while considering accessibility, layout shifts, Core Web Vitals, SEO, etc. — missed opportunity, here, to shift focus to best (or least harmful) practice. Give some next steps, especially since (as the author notes) sometimes we just have to design/build what's requested 🤷‍♂️

## Similar posts on daily.dev

- [Death to Scroll Fade\! – Frontend Masters Blog](https://daily.dev/posts/death-to-scroll-fade-frontend-masters-blog-rqnknw2pf) · Frontend Masters · 2 upvotes · 0 comments
- [Don't Roll Your Own ...](https://daily.dev/posts/don-t-roll-your-own--gpx1gv2zh) · Susam Pal · 0 upvotes · 0 comments
- [Please do not use auto-scrolling content on the web and in applications – Bogdan on Digital Accessibility \(A11y\)](https://daily.dev/posts/please-do-not-use-auto-scrolling-content-on-the-web-and-in-applications-bogdan-on-digital-accessib-tmqkmf2pz) · Bogdan on A11y · 0 upvotes · 0 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#frontend](https://daily.dev/tags/frontend), [#ui-design](https://daily.dev/tags/ui-design), [#accessibility](https://daily.dev/tags/accessibility)

[View this post on daily.dev](https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1)

```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":"Death to Scroll Fade!","url":"https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1"},"datePublished":"2026-02-20T23:37:14.563Z","dateModified":"2026-02-20T23:37:32.347Z","description":"A developer rant against the ubiquitous 'scroll fade' web design trend, where page elements fade in as they scroll into view. The author argues it's tacky,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/62bebd4b84f08fc8ab21e71b23b13926?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/62bebd4b84f08fc8ab21e71b23b13926?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Lobsters","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":"Lobsters","logo":"https://media.daily.dev/image/upload/s--tl8v_Fku--/f_auto,t_logo/v1698841318/logos/lobste.jpg","url":"https://daily.dev/sources/lobsters"},"commentCount":5,"discussionUrl":"https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":56},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"keywords":"webdev,css,frontend,ui-design,accessibility","timeRequired":"PT4M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Lobsters","item":"https://daily.dev/sources/lobsters"},{"@type":"ListItem","position":3,"name":"Death to Scroll Fade!"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/death-to-scroll-fade--wi5ab25g1","comment":[{"@type":"Comment","text":"Let’s kill the typewriter effect and skill progress bars while we’re at it please.","datePublished":"2026-03-02T20:33:15.121Z","url":"https://daily.dev/posts/wi5aB25G1#c-HrYW5uKqi","author":{"@type":"Person","name":"Joe Attardi","url":"https://daily.dev/joeattardi","image":"https://lh3.googleusercontent.com/a/ACg8ocLP0I53n9TGWcsgvVNTJ-cgN5WnOpFulskK56mteI_4ZpOqTXjxiQ=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"AGREE! If i see one of these i leave the site immediately.","datePublished":"2026-03-02T06:50:35.569Z","url":"https://daily.dev/posts/wi5aB25G1#c-oAXvT5qp3","author":{"@type":"Person","name":"sudomuli","url":"https://daily.dev/sudomuli","image":"https://media.daily.dev/image/upload/s--L1AvML6e--/f_auto/v1756963760/avatars/avatar_16CxHMboDD5K8YwxAhOz8?_a=BAMClqZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"There are far more imaginative transitions one can do to bring spark and joy to a website experience.","datePublished":"2026-03-30T21:21:12.789Z","url":"https://daily.dev/posts/wi5aB25G1#c-jUUSnnkrn","author":{"@type":"Person","name":"joncoe","url":"https://daily.dev/joncoe","image":"https://avatars.githubusercontent.com/u/3487906?v=4"}},{"@type":"Comment","text":"totally agree","datePublished":"2026-03-27T11:52:51.551Z","url":"https://daily.dev/posts/wi5aB25G1#c-qWsQ8r001","author":{"@type":"Person","name":"Phillippe Michel Weir","url":"https://daily.dev/a_meb_a","image":"https://media.daily.dev/image/upload/s--BwH-uTMq--/f_auto/v1740136991/avatars/avatar_N403VFK9lAHNRwlSAhl1h"}},{"@type":"Comment","text":"Generally agree, and would love to see an internet where inaccessible features are opt-in, rather than forcing impacted users to opt out; however, there are plenty of strategies for implementing scroll-based animations while considering accessibility, layout shifts, Core Web Vitals, SEO, etc. — missed opportunity, here, to shift focus to best (or least harmful) practice. Give some next steps, especially since (as the author notes) sometimes we just have to design/build what’s requested 🤷‍♂️","datePublished":"2026-03-10T15:34:34.999Z","url":"https://daily.dev/posts/wi5aB25G1#c-NzMYgiEq6","author":{"@type":"Person","name":"Dusty Sheldon","url":"https://daily.dev/dustysheldon","image":"https://avatars.githubusercontent.com/u/30704778?v=4"}}]}
```