title: CSS animations in HTML inline
body: <p>I would like to add CSS animations inline in HTML. The reason is simple, I am trying to design an email signature that includes some animations. It seems that I am not allowed to add the <code>&lt;head&gt;&lt;/head&gt;</code> section. So, I am stuck. How can I either (a) reference CSS inline (HTML) that include animations, or (b) how can I call an external CSS stylesheet without using the <code>&lt;head&gt;&lt;/head&gt;</code> tag? Thanks!</p>
  
  <p><code>.logos {transition: .1s ease-in-out;}</code>
  <code>.logos:hover {transform: scale(1.2);}</code>
  <code>.logos:active {transform: scale(.8);}</code></p>