Dynamic css from node? I like to implement this codepen into drupal but the images in the background should come from a ctype within Drupal.

The codepen example: 
http://codepen.io/AmeliaBR/pen/myPBNg

So basically how to get this line dynamic in a page?

article {
  background: url(https://foo.com/fooimage.jpg) no-repeat center; 
}


Can you point me to the good direction? Is there a module which support this? What tags should I look?
You could use:

// replace this with the url from the node object
$imgURL = 'https://foo.com/fooimage.jpg';
$style  = 'article {';
$style .= 'background: url(' . $img_url . ') no-repeat center;';
$style .= '}';
drupal_add_css($style, array('type' =&gt; 'inline'));


For the $img_url though you need to fond out how to get the image url. You would need to load the node using node_load() then use dsm() from the Devel module or just use print_r() to display the field array.