Ghost buttons, or empty buttons, are a trend that have really come into being through necessity – the use of large background images requires information elements that don’t obscure large areas of the image, and ghost buttons with their no fill, and usually thin border and small text fit the bill perfectly.
How many times have you compromised the sleek and beautiful design of a website for the sake of social integration? I bet this is not a new dilemma for a web designer.
By default, buttons are boring. There is not point in sugar coating it. But, if you add just a few lines of CC to animate the buttons a tad the button will breath new life.
With the advent of flat design, designers are having to look for ways to make their designs appealing without losing functionality. An emerging trend is transparent call-to-action buttons, also called ghost buttons or hollow/empty buttons. Somehow these types of buttons are very noticeable even if they blend with the background.
Last week I was working on a new project and needed some buttons that I would prefer to create using CSS3.
I decided to look around and see what was available and ready to be used on a project and at same time I decided to create a post listing the ones I liked the most so you can also benefit from this quest.