naher94
commented
4 months ago - Rough Notation - https://roughnotation.com
- Buoy Text Animation - https://codepen.io/hexagoncircle/full/yLeGbgJ
- Kidnap Ransom Typography Effect - https://tympanus.net/Development/LetterInteractions/kidnap.html
- On-Scroll Text Repetition Animation - https://tympanus.net/codrops/2022/04/13/on-scroll-text-repetition-animation/
- https://tympanus.net/Development/TextRepetitionEffect/index3.html
- Circular Text Effect - https://tympanus.net/Development/CircularTextEffect/
- Text Trail Effect - https://tympanus.net/codrops/2019/02/27/text-trail-effect/
- Text Shadow Effect - https://codepen.io/naher94/pen/rNGMrzm
- Gooey Text Marquee - https://codepen.io/amit_sheen/pen/wvORNYm
- Nested Border Radius - https://codepen.io/naher94/pen/GReVjQv?editors=1100
- Border with images - https://codepen.io/team/shoptalkshow/pen/mdyEGPm?editors=1100
- Double border - https://codepen.io/MyXoToD/pen/VaazQq?editors=1100
- Woven border - https://codepen.io/uniphil/pen/nLJZyZ?editors=1100
- Grainy Gradient - https://css-tricks.com/grainy-gradients/
- Border Image (Could use with Movie Marquee) - https://developer.mozilla.org/en-US/docs/Web/CSS/border-image
- Scroll animation examples - https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view/
- Scroll animation to set fit to width text - https://kizu.dev/fit-to-width-text/
- Scroll animation - https://codepen.io/argyleink/pen/abMvrdB/7425e042efa174aaf02c7f27501204a5
- Scroll animation color change - https://codepen.io/argyleink/pen/BaGVyyJ
- Scroll animation flying pill tags - https://codepen.io/naher94/pen/XWQewPZ?editors=1100
- Scroll Line Draw - https://codepen.io/naher94/pen/eYoeZOz
- Scroll reveal shifting - https://codepen.io/jh3y/pen/BaEJGgp
- CSS Motion Path
- https://www.smashingmagazine.com/2023/10/animate-along-path-css/
- https://danielcwilson.com/blog/2020/01/motion-path-quirks/
- https://css-irl.info/fun-with-css-motion-path/
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_motion_path
- Interactive conference badge - https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber
- Terrazzo Effect - https://codepen.io/georgedoescode/pen/eYvjOMN
- Terrazzo generator - https://pattern.monster/terrazzo-1/
- Animated font weights - https://codepen.io/rehanbutt/pen/ExzEMKe?editors=1100
- Text around a circle - https://codepen.io/jh3y/pen/LYBdKXE
- CSS postage stamp - https://codepen.io/jensimmons/pen/mdvaGwL
- Image expansion typography - https://tympanus.net/Development/ImageExpansionTypography/
- Animated mesh lines - https://tympanus.net/Development/AnimatedMeshLines/demo5.html
- Animated canvas backgrounds - https://tympanus.net/Development/AmbientCanvasBackgrounds/index3.html
- CSS Anchor Position - https://codepen.io/web-dot-dev/pen/GRaRyov
- https://developer.chrome.com/blog/anchor-positioning-api
- Polaroid Effect (Pull Shadow from Here) - https://codepen.io/Wandersonsc/pen/RMerRy?editors=1100
- https://codepen.io/rehanbutt/pen/ZENojzy?editors=1100
- Text Shimmer Effect - https://codepen.io/rehanbutt/pen/XWwqYNj?editors=1100
- Movie Marquee - https://codepen.io/NickStraughan/pen/zwLVGd
- Slice Text Effect - https://codepen.io/thebabydino/pen/GRaKbZo