Skip to main content

Main navigation

Web dev
- Snippets
- Why the web?
- Resources
- Components
- Tags
Portfolio
Gaming
- Linux
- Specs
- About
About
Contact

Breadcrumb

Web development
Snippets

Inline link styles

The user hovers their pointer over a link and the underline expands upwards to fill the entire link's background.

The user hovers their pointer over a link and a box appears from the left edge, covering the entire link's background.

The user hovers their pointer over a link and a box briefly zooms in, but fades out as it does so. The reverse happens on the pointer leaving the link.

The user hovers their pointer over a link and a box expands from the background of the link, resting above it, with the URL that the link points to.

The user hovers their pointer over a link and the link text slides to the left, revealing an arrow pointing right.

The user hovers their pointer over a link and square braces fade in and move in from both the left and right of the link.

The user hovers their pointer over a link and an irregular line is drawn from left to right under the link.

Source link

https://tympanus.net/Development/InlineAnchorStyles/

Tags

Design inspiration

Find me on GitHub
Find me on GitLab
Find me on Drupal.org
Find me on Mastodon
Find me on Steam
Find me on YouTube