Launching SVG Weave on Product Hunt today.
Upload any SVG → describe the motion → AI generates CSS
animations in real time.
Built a node graph editor so you can chain renders and build
complex animations step by step.
20 free credits to try it here http://svgweave.com
Ein Formular mit einem animierten Hinweisfeld versehen? (HTML & CSS)
Animate Your Page Transitions With CSS
Still sceptical about webpage animations? Here is a tutorial how @view-transition at-rule lets web pages enable seamless visual transitions between documents. Essentially, it allows for smooth animations when navigating between pages of the same origin using only CSS.
https://magazine.joomla.org/all-issues/june-2025/animate-your-page-transitions-with-css #Joomla #WebDesign #PageTransitions #CSSAnimations
Improve accessibility by reducing motion of all kinds: View Transitions, CSS Transitions, CSS Animations, and Picture elements — all without rewriting styles or content.
Examples use an existing client website, showing that you can do the same in ongoing work. Don't wait for your next project to get a fresh start.. do it today!
🔗 https://chrisruppel.com/blog/modernizing-with-web-platform-reduced-motion/
#accessibility #a11y #WebDev #CSS #CssTransitions #CssAnimations #ViewTransitions #JS #JavaScript #WebPlatform
A practical introduction to scroll-driven animations with CSS scroll() and view() https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view
🪷 Creating custom easing effects in CSS animations using the linear() function
by Michelle Barker @MicheBarks at @mozilla @MozDevNet
#CSS #CSSanimations #Linear
https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/
An interesting approach to scroll-based CSS animation. In the article @chriscoyier is using `animation-delay` + CSS custom props and `animation-play-state: paused` in order to imitate the timeline 👏
https://css-tricks.com/books/greatest-css-tricks/scroll-animation
There are some scroll animations that are possible in CSS without any JavaScript at all. Just look at the chapter on the Scroll Indicator, which is clearly CSS magic. But we can do a lot of scroll animation work directly in CSS with just one little bit of information provided by JavaScript: how far the page has scrolled.
@madargon
A lot of ppl don't realise that there is actually a way to enjoy the internet again.
Its called #I2P, or Invisible Internet Protocol. It's basically how #theInternet was in the #1990s.
Its like a time warp!
You know its modern though because ppl use #CSSAnimations rather than #animatedGifs… mostly. *wink
sayzard
emaechler
Joomla!
Chris Ruppel
Jake in the desert
pablolarah
𝔓𝔞𝔴𝔢𝔩 𝔏𝔞𝔭𝔱𝔢𝔴 🇺🇦
Téotime Pacreau
Bini
Dick Smiths Fair Go Supporters