Dynamic JQuery and webkit

Dynamic JQuery and webkit

Hello. Hopefully this isn't a double post; I tried posting earlier and it didn't register.
I am getting a Syntax Error when trying to apply a webkit css property with JQuery. I know it has something to do with the way maskstring is formatted....but I figured it should all be a string. 

The error i'm getting is an unterminated string literal. 

function createTiles() {
var maskstring = "-webkit-gradient(linear, left top, right bottom, 
color-stop(0.00,  rgba(0,0,0,1)),
color-stop(1.00,  rgba(0,0,0,0)))";
for (i=1; i<24; i++)
  {
  var src = 'images/mts.jpg';
var divid = "mydiv" + i;
$('#' + divid).css({
  '-webkit-mask-position':'' + i*10 + ' ' + i*10,
  '-webkit-mask-size':'30px 30px',
  '-webkit-mask-repeat':'no-repeat',
  '-webkit-mask-image': maskstring;
}).append("<div><img src='images/mts.jpg'></div>");
      
  }
}