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. portrait powerpoint change landscape orientation template between slide vertical create presentation dialog microsoft support office take select file box 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. landscape portrait paper sizes diagram 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