<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Shopping Cart Animation on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/shopping-cart-animation/</link><description>Recent content in Shopping Cart Animation on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Fri, 05 Dec 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/shopping-cart-animation/index.xml" rel="self" type="application/rss+xml"/><item><title>Chapter 13: Project: Animating a Shopping Cart Update with Micro-Transitions</title><link>https://ai-blog.noorshomelab.dev/scoped-view-transitions-2025/project-shopping-cart/</link><pubDate>Fri, 05 Dec 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/scoped-view-transitions-2025/project-shopping-cart/</guid><description>&lt;h2 id="chapter-13-project-animating-a-shopping-cart-update-with-micro-transitions"&gt;Chapter 13: Project: Animating a Shopping Cart Update with Micro-Transitions&lt;/h2&gt;
&lt;h3 id="introduction"&gt;Introduction&lt;/h3&gt;
&lt;p&gt;Welcome to Chapter 13! In our journey through the View Transitions API, we&amp;rsquo;ve explored how to create beautiful, seamless animations for full page navigations. But what about those smaller, more granular updates within a page? Think about adding an item to a shopping cart, updating a notification count, or toggling a UI element. For these &amp;ldquo;micro-interactions,&amp;rdquo; the full-document View Transitions API can feel a bit like using a sledgehammer to crack a nut.&lt;/p&gt;</description></item></channel></rss>