svelte-ux icon indicating copy to clipboard operation
svelte-ux copied to clipboard

Add `scrollFade` similar to `scrollShadow`

Open techniq opened this issue 2 years ago • 2 comments

Using mask-image / -webkit-mask-image with a linear-gradient, fade content if scrollable, similar to scrollShadow. See REPL (without scroll adjustment like scrollShadow)

  • [x] Ease in fade based on scroll amount (like scrollShadow)
  • [ ] Enable/disable per side (use shadow for top, fade for bottom, for example)
  • [ ] Support vertical and horizontal at same time (difficult with mask-image and linearGradient)

techniq avatar Nov 23 '22 18:11 techniq

https://twitter.com/johnphamous/status/1724491202148675590?s=46&t=NkyuWxqLoCUsNawsW7EzfA

techniq avatar Nov 14 '23 20:11 techniq