An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines
https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof
https://www.youtube.com/watch?v=IP_rtWEMR0oA bunch of demos and tools to show off Scroll-driven Animations
https://scroll-driven-animations.style/CSS scroll-driven animations The CSS scroll-driven animations module provides functionality that builds on top of the CSS animations module and Web Animations API. It allows you to animate property values based on a progression along a scroll-based timeline instead of the default time-based document timeline. This means that you can animate an element by scrolling a scrollable element, rather than just by the passing of time. There are two types of scroll-based timelines: scroll progress timeline: You progress this timeline by scrolling a scrollable element (scroller) from top to bottom (or left to right) and back again. The position in the scroll range is converted into a percentage of progress — 0% at the start and 100% at the end. view progress timeline: You progress this timeline based on the change in visibility of an element (known as the subject) inside a scroller. The visibility of the subject inside the scroller is tracked as a percentage of progress — by default, the timeline is at 0% when the subject is first visible at one edge of the scroller, and 100% when it reaches the opposite edge.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animationshide citations in wikipedia
https://www.perplexity.ai/search/hide-citations-in-wikipedia-NcOzYksJRiiW7506MMIzAQTo hide citations in Wikipedia, there are a few different approaches you can take: ## Browser Extensions Several browser extensions allow you to remove or hide citations on Wikipedia pages: - For Chrome, the "Remove Citations" extension removes citation numbers from Wikipedia articles[2]. - For Firefox, the "Remove citations - Wikipedia" add-on removes citations to provide a clutter-free reading experience[7]. These extensions typically work by hiding the superscript citation numbers that appear in the text. ## Custom CSS If you have a Wikipedia account, you can customize how citations appear by adding CSS rules: ### Hide In-Text Citations Add this CSS to hide the superscript citation numbers in the text: ```css .reference { display: none; } ``` ### Hide Reference List To hide the entire references section at the bottom of articles, add: ```css .reflist { display: none; } ``` ## Template for User Pages For your own user pages on Wikipedia, you can use the {{reflist hide}} template to hide the references list without showing error messages[5]. ## Manual Removal For offline use, there are some simple tools that can strip out Wikipedia-style citations from text you copy and paste, like the one at oatcookies.neocities.org[4]. It's important to note that while hiding citations can provide a cleaner reading experience, citations play a crucial role in verifying information on Wikipedia. Consider keeping them visible when accuracy and sourcing are important for your use case. Citations: [1]
https://en.wikipedia.org/wiki/Help:Reference_display_customization[2]
https://chromewebstore.google.com/detail/remove-citations/ojmmohmckbjmbpjpdohkfmhnkfedbofp[3]
https://chromewebstore.google.com/detail/remove-wikipedia-citation/ghikcjkcchinbiolikgaggkjhdjkehna?hl=en[4]
https://oatcookies.neocities.org/rmcitations[5]
https://en.wikipedia.org/wiki/Template:Reflist_hide[6]
https://en.wikipedia.org/wiki/Wikipedia:Citation_overkill[7]
https://addons.mozilla.org/en-US/firefox/addon/remove-citations-wikipedia/[8]
https://en.wikipedia.org/wiki/Wikipedia:Manual_of_Style/Hidden_textEnd of results