1"use strict";(self.webpackChunkjohnnyreilly_com=self.webpackChunkjohnnyreilly_com||[]).push([["21014"],{37788(e,t,n){n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>s,default:()=>d,frontMatter:()=>r,metadata:()=>a,toc:()=>u});var a=n(87245),i=n(74848),o=n(28453);let r={slug:"a-navigation-animation-for-your-users",title:"A navigation animation (for your users delectation)",authors:"johnnyreilly",date:new Date("2013-04-26T00:00:00.000Z"),tags:[],hide_table_of_contents:!1,description:"Adding a CSS animation or GIF can help users navigating an app in an iframe get visual feedback despite the lack of browser feedback tics.",atUri:"at://did:plc:yy3apqjlms24kso7ahn7lbmb/site.standard.document/3mr5bt2yot227"},s,l={authorsImageUrls:[void 0]},u=[{value:"The Vexation",id:"the-vexation",level:2}];function c(e){let t={h2:"h2",...(0,o.R)(),...e.components};return(0,i.jsx)(t.h2,{id:"the-vexation",children:"The Vexation"})}function d(e={}){let{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},28453(e,t,n){n.d(t,{R:()=>r,x:()=>s});var a=n(96540);let i={},o=a.createContext(i);function r(e){let t=a.useContext(o);return a.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),a.createElement(o.Provider,{value:t},e.children)}},87245(e){e.exports=JSON.parse('{"permalink":"/a-navigation-animation-for-your-users","editUrl":"https://github.com/johnnyreilly/blog.johnnyreilly.com/edit/main/blog-website/blog/2013-04-26-a-navigation-animation-for-your-users/index.md","source":"@site/blog/2013-04-26-a-navigation-animation-for-your-users/index.md","title":"A navigation animation (for your users delectation)","description":"Adding a CSS animation or GIF can help users navigating an app in an iframe get visual feedback despite the lack of browser feedback tics.","date":"2013-04-26T00:00:00.000Z","tags":[],"readingTime":7.36,"hasTruncateMarker":true,"authors":[{"name":"John Reilly","title":"OSS Engineer - TypeScript, Azure, React, Node.js, .NET","url":"https://johnnyreilly.com/about","imageURL":"https://johnnyreilly.com/img/profile-2025.jpg","key":"johnnyreilly","page":null}],"frontMatter":{"slug":"a-navigation-animation-for-your-users","title":"A navigation animation (for your users delectation)","authors":"johnnyreilly","date":"2013-04-26T00:00:00.000Z","tags":[],"hide_table_of_contents":false,"description":"Adding a CSS animation or GIF can help users navigating an app in an iframe get visual feedback despite the lack of browser feedback tics.","atUri":"at://did:plc:yy3apqjlms24kso7ahn7lbmb/site.standard.document/3mr5bt2yot227"},"unlisted":false,"prevItem":{"title":"How I\'m Using Cassette part 1:Getting Up and Running","permalink":"/how-im-using-cassette"},"nextItem":{"title":"IE 10 Install Torches JavaScript Debugging in Visual Studio 2012 Through Auto Update (Probably)","permalink":"/ie-10-install-torches-javascript"}}')}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.