January 2016

Border Lines

Underscore hovers are a fun way to add color and dynamism to your Squarespace site. Just a line or two of CSS are all you need to spice up your site's menu with an underscore hover effect that tracks the cursor and engages the viewer's attention as s/he sweeps across your available menu items.

An Example in the Native Template

Figure 1 shows an example in the Native template. The example is generated with default settings that are straight from creating a new site. There's no hover effect yet. My cursor is on the middle menu item, and the only visual indication is a slight "dimming" of that item.