SVG gradient fill doesn't work -


i'm trying add gradient background svg path. path black, instead. code i've got:

<svg style="overflow: hidden; position: relative; " height="150" version="1.1" width="290" xmlns="http://www.w3.org/2000/svg"> ...     <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); ">         <lineargradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">             <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1"></stop>             <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1"></stop>         </lineargradient>     </defs>     <path style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); " fill="url(#grad1)" stroke="none" d="m100,114l74,114l74,83l100,83z"></path> ... </svg> 

what missing?

thanks

lineargradient has capital g in it. snippet above has lineargradient


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -