Hello I am having some problems with getting similar gradient like here: http://www.sanjaykhemlani.com/wp-content/uploads/2012/08/41-optin-text-gradient.gif Any ideas ?
Sorry i dint get what exactly your for...gradient font using photoshop or css.. Photoshop:- Select the Text > blending options> gradient ovelay.. css:- webdesignerwall.com/tutorials/css-gradient-text-effect try this tutorial..
i need it with CSS for website but the link you shared me cant help me(i have already checked it) i cant use it because it is using image and if i use image and the background around the text is different the image can be seen
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EB7516), to(#FEB96F)); background: -webkit-linear-gradient(#EB7516, #FEB96F); background: -moz-linear-gradient(#EB7516, #FEB96F); background: -ms-linear-gradient(#EB7516, #FEB96F); background: -o-linear-gradient(#EB7516, #FEB96F); background: linear-gradient(#EB7516, #FEB96F);
Open your Photoshop program and let it load. Next you will need to create a new canvas. Click File > New at the top of your Photoshop window to create a new file. Create the Canvas about 400 pixels by 400 pixels. Set the background to white and click OK.
try to following video tutorial in this site hxxp://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-pure-css-text-gradients/
Laughing at the folks not getting the question. The answer is you don't -- text is monochromatically rendered, so you only get to choose one COLOR for it... using the CSS Color attribute. You MIGHT be able to fake it by placing another element over the text and putting a semi-transparent image over the text, but that usually ends up so much code and such a large image you might as well make a image in the first place. Though it SOUNDS like you are treading into the territory of "things that have no business on a website in the first place".
True, I just read OP's second post, so I get it now. Text gradient doesn't really make sense any way around, even as an image. The MAIN purpose of TEXT is to be READ and the gradient reduces visibility significantly, so sometimes users don't even bother reading it.
Just picked up that this is font gradient... You can use HTML5 although as you know this will not be picked up in all browsers. The createLinearGradient will also work on text (or so I'm told) * createLinearGradient() * addColorStop html5 Found a couple of useful bits of info here html5canvastutorials.com/tutorials/html5-canvas-linear-gradients/ williammalone.com/articles/html5-canvas-example/ falcon80.com/HTMLCanvas/Attributes/lineargradient.html Also found this from Microsoft: msdn.microsoft.com/en-gb/library/ie/ff975411%28v=vs.85%29.aspx ****************************************************************************************** filter: progidXImageTransform.Microsoft.gradient(startColorstr='#2a8c94', endColorstr='#333'); You can also use the "filter" markup, although use carefully as this gradient stuffed up my the z-index of my drop down menus and the drop down list appeared behind the content section. Once I removed the markup from my CSS, the dropdown menus worked. However, if you don't have drop down menus, this is useful for Internet Explorer (I think 8 and up). Be careful with it though because you may see strange things happening. If you do, just remove the markup.
there's a tool that can automatically generate a gradient background called ColorZilla : http://www.fulltutsplus.com/htmlcss/css-3-generer-automatiquement-une-couleur-css-gradient/