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

pure css


  • 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
  • Fluent Design Stacking Card UI
    30/05/2017

    Fluent Design Stacking Card UI

    A fluent design inspired stacking card UI designed in pure CSS. When you click on the next arrow, the card on top is moved to the right and then stacks below the new card. ...
    Tags: 3d, card ui, fluent design, 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
  • 3D Push and Bounce Back Button Effect
    29/05/2017

    3D Push and Bounce Back Button Effect

    Here is a pure CSS button designed by Nathan Taylor, it has a nice 3D with long shadow effect to it and when you click on it and release it, the button bounces back. ...
    Tags: 3d, button, click animation, pure css
  • Ghost Check Mark & Close Icon Animation
    25/05/2017

    Ghost Check Mark & Close Icon Animation

    Pure CSS animation for checkmark and a close icon designed by Lee Porter ...
    Tags: animation, icon, pure css

Posts navigation

1 2 … 33 Next

TO TOP
© 2017 Copyright.