Websites York - Template12

Template Menu

Magic Mouse Stack

Default

This shows the default mouse when Magic Mouse 2 is on the page.

Icon

This shows how the cursor can be changed on hover over an item with a class of icon-demo

Text

This shows how a tool tip can be defined for a specific item.

This shows how the cursor can be changed when a link is hovered over.

Hover over this link:Linked Text


Design Notes

This is a test of the Magic Mouse 2 stack from Shaking the Habitual. Its natural framework is Source so I wanted to make sure that it will also work with Foundation 6.

I have copied the demo page and created a set of similar Markdown stacks in 4 columns as in the demo provided.

The green circle is the Magic Mouse 2 default cursor being used. I'm not sure I like it much.

It does seem to work in Foundation 6 but I find it difficult to control. If say I wanted to only use it for the links option and have a normal cursor the rest of the time I'm not sure how I would do that as it seems difficult to switch off the default Magic Mouse cursor without turning it off in all cases.