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

gradient

Gradient Web Design Inspiration

After handing over the reigns to flat design for a while it looks like gradients are back in. If you are looking to get inspired by some exciting gradient designs you have come to the right place. From backgrounds to image overlays to buttons and even text effect gradients can be used a lot of different ways on a web page.


  • Gradient Pull Quote as Seen on Polygon.com
    19/05/2017

    Gradient Pull Quote as Seen on Polygon.com

    This is a fancy pull quote effect that you can see on Polygon.com, it’s a great way to highlight a part of the text content on a page. This pure CSS snippet was designed by Matt Popovich. The text uses a gradient e ...
    Tags: deconstruction, gradient, pure css, quotes, text animation
  • 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
  • Animated Gradient Text Effect
    30/03/2017

    Animated Gradient Text Effect

    This is an animated gradient text effect in pure CSS designed by Shaw. ...
    Tags: gradient, pure css, text animation
  • Gradient Neon Button Effect
    30/03/2017

    Gradient Neon Button Effect

    Some really cool neon button effects designed by Dzen. ...
    Tags: button, gradient, neon, pure css
  • Pure CSS Gradient Button with Hover Effect
    01/03/2017

    Pure CSS Gradient Button with Hover Effect

    If you are looking for some modern buttons for your next landing page, these gradient buttons in pure CSS by Gianluca Pirrera might be just the thing for you. You can change the direction of the background change in the ...
    Tags: button, CTA, gradient, hover animation, pure css
  • Premium Ghost Button with Slow Gradient Colour Fill
    22/11/2016

    Premium Ghost Button with Slow Gradient Colour Fill

    This ghost button has a nice premium look to it and will look great on websites with a dark background. It was designed by Daniel Box. In this snippet links are designed to look like buttons using pure CSS and when you h ...
    Tags: button, gradient, hover animation, pure css

Posts navigation

1 2 Next

TO TOP
© 2017 Copyright.