CodeMyUI CodeMyUI
  • Button
    • Toggle Switch
  • Menu
    • Hamburger Menu
  • Image
    • Image Gallery
  • Icon
    • Social Icons
  • Text
    • Link
  • Input Field
    • Login Form
    • Email Signup Form
    • Text Field
    • Check Box
    • Range Slider
    • Search
  • #Trending
    • Card UI
    • Material Design
    • Pop Ups
    • Movie Inspired
  • Our Newsletter
Tag

link

Link Design Inspiration – Link Hover Effects

Links are the building blocks of the internet. Check out these creative and modern effects that can be used to add some awesome hover effects for links or for menu items. Find inspiration for creative link hover effects.

You might also like our Buttons collection.


  • Split Word Roll Up & Down Effect on Hover
    31/05/2017

    Split Word Roll Up & Down Effect on Hover

    This is a cool effect that can be applied to links and in this snippet, it’s shown as a navigation menu. The menu items are two words and each word is in a different colour, on hover the words move in different dir ...
    Tags: hover animation, link, navigation menu, pure css
  • Switch Color on Hover Effect for Links
    30/05/2017

    Switch Color on Hover Effect for Links

    With this CSS only snippet, you can add a fade effect to your links. With this snippet when you hover over links they will fade into a different colour slowly as opposed to immediately switching the colour. ...
    Tags: hover animation, link, pure css
  • Reveal and Disappear Underline Hover Effect for Links
    29/05/2017

    Reveal and Disappear Underline Hover Effect for Links

    This is an elegant link hover animation in CSS only designed by Bruno Almeida. When you hover over the text an underline appears to expand from left to right and when the mouse is moved away from it the underline changes ...
    Tags: hover animation, link, pure css
  • Wired Style HyperLink Animation
    19/03/2017

    Wired Style HyperLink Animation

    This is a wired.com style link animation designed by Dan Klotz. When you hover over the link the colour rises up and gives the link the look of a highlighted text. ...
    Tags: deconstruction, hover animation, link, pure css
  • Text Link Hover Load Image
    27/01/2017

    Text Link Hover Load Image

    We have seen this effect where there a bunch of text links on the page and on hover an image is loaded up and shown to the visitor. This snippet allows you to achieve this popup image on text link hover on your web pages ...
    Tags: hidden content, hover animation, image effects, link, pop up
  • Marker Pen Highlight Effect on Hover & Click
    23/12/2016

    Marker Pen Highlight Effect on Hover & Click

    Another link hover effect where you see a wired.com style link effect. When you hover over the text you can see a marker pen like highlight effect expanding from the centre and move to the edges. When you click on the li ...
    Tags: click animation, deconstruction, hover animation, link

Posts navigation

1 2 3 Next

TO TOP
© 2017 Copyright.