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

hover animation


  • 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
  • Close, Next & Previous Arrow SVG Animation
    23/05/2017

    Close, Next & Previous Arrow SVG Animation

    If you have an image slider, paginated content or section in the hero section where you want to showcase multiple items and give users a way to browse through them using next and previous arrows, this design by Jean Paze ...
    Tags: hover animation, icon, SVG
  • Multicoloured Pure CSS Tooltips
    17/05/2017

    Multicoloured Pure CSS Tooltips

    This snippet designed by Samuel Janes is great if you want to show tooltips on your next web design project. These are in pure CSS and you have the option to show images or text in them. When you hover over the buttons t ...
    Tags: hidden content, hover animation, pure css, tooltip
  • Gradient Ghost Button Hover Effect
    09/05/2017

    Gradient Ghost Button Hover Effect

    If you want to use a ghost button on your next website you are in luck, have a look at this button that has a gradient effect on hover. It was designbed by Envato Tuts+ ...
    Tags: button, gradient, hover animation, pure css

Posts navigation

1 2 … 28 Next

TO TOP
© 2017 Copyright.