New answers tagged effects
I'd say you'll want to look at Sprite-Kit's particle system. It looks like those dust clouds are a single sprite and the particle system takes care of how it is emitted. The iOS Developer Library might be a place to start: https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/xcode_guide-particle_emitter/Introduction/Introduction.html
You can use any program that can make .gif files or .png files. With the png files you can make an image sequence what you do in your programming. You can use After effects, or you can draw the frames by yourself with Illustrator the export those.
By using mnxd's solution as a base, you can make this really manageable by using the Appearance palette. select your shape; give it a gradient with a light top and a dark bottom, just like in mnxd's solution; open the appearance palette and select the existing fill; choose Add New Fill from the palette options or click the duplicate selected item button: ...
Two Objects, one has a gradient, the other one is slightly smaller (subtract the stroke outline from the original object to achieve this Use the Offset Path effect with a negative value) and has a feather effect. Try out different different feather values to make the edge softer/harder
The answer is (as Mark Read said in the comment) to use the Gradient Mesh tool. Click where the points are shown in this image. You can then select them with the Direct Selection tool and set each points' individual color. The ones on the top has a lighter color, and the bottom ones is darker.
If you are looking just for a 3D effect you can use Mark Dotto's technique! but in general you can find various effects just Googling "CSS Text Shadow effects". Some of the good ones on Design Shack! This is just for a quick use, but Alan's Answer is probably what you're looking for in terms of learning what and why some values are a good shadow.
Top 50 recent answers are included