•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
The first & second Atom animation are done with PURE CSS – the first has electron orbital trail effect…
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
This CSS Atom animation was created using a PNG for the orbital effect, which was cleaner than using a div tag for a pure CSS atom animation as shown below.
Pure CSS atom animation – created using only CSS.
Atom CSS Animation