Hover over the pen to see how the cursor changes: To do this, first well need an HTML element to act as our interactive cursor. In my case, it works with: @page { WebYou can have a set of CSS properties that will only apply when the browser window is wider than its height, a so called "Landscape" orientation. My issue is that the documents I attached are in landscape and the first page is still in portrait mode. } We can pass in any image or styling property to the cursor element to make it look exactly like we want. Webnorwich state hospital tours. } size: landscape; Heres what the final JavaScript code looks like: And with that, in addition to our simple CSS cursor, weve built a lightweight version of an interactive custom cursor, using only vanilla JavaScript. I created a blank MS Document with Landscape setting and then opened it in notepad. Copied and pasted the following to my html page