Text Shadow

_.md

[ Launch: An inlet to Tributary ] 4540614 by roundrobin

config.json

{"description":"Text Shadow","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":false,"fullscreen":false,"thumbnail":"http://i.imgur.com/2k609mq.png"}

inlet.js

var svg = d3.select("svg");


var text = svg.append('text')
	.attr('x',200)
	.attr('font-size',100)

text.append('tspan')
	.text('H')
	.attr('y',200)
	.style('text-shadow','0px 0px 0px #FF00FF');

text.append('tspan')
	.text('E')
	.attr('y',200)
	.style('text-shadow','0px 0px 0px #FF00FF');

text.append('tspan')
	.text('L')
	.attr('y',200)
	.style('text-shadow','0px 0px 0px #FF00FF');

text.append('tspan')         
	.text('L')
	.attr('y',200)
	.style('text-shadow','0px 0px 0px #FF00FF');

text.append('tspan')
	.text('O')
	.attr('y',200)    
	.style('text-shadow','0px 0px 0px #FF00FF');

svg.selectAll('tspan').each(function(d,i){
	
  var elem = d3.select(this);
  
  elem
   .style('text-shadow','0px 0px 0px #FF00FF')
   .transition() 
  .duration(500)
	.delay(45*i)
  .style('text-shadow','4px 4px 2px #BE29BE')
  .attr('fill','#F0F0F0')   
});