Create Gradients

Put your questions here on how to do things in ProtoShare.
Posts: 1
Joined: Mon Aug 19, 2013 10:33 am

Create Gradients

Postby oasisontheplains » Mon Aug 19, 2013 10:37 am

Is there a way to create gradients? When trying to make some hi fidelity prototypes, it would be really nice to have the ability to create gradients for buttons. (since almost all buttons have some type of slight gradient)


Josh Kristof
Posts: 525
Joined: Tue Mar 31, 2009 3:40 pm

Re: Create Gradients

Postby Josh Kristof » Tue Aug 20, 2013 2:03 pm

While there isn't a setting in the inspector for gradients, you can certainly define them using the project stylesheet. For example:

Code: Select all

.gradientButton button {
background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%);
background: -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
Josh Kristof
Site9, Inc. / Customer Support |

Return to “How Do I...”

Who is online

Users browsing this forum: No registered users and 2 guests