title: Is it possible to apply CSS transitions inline?
body: <p>Is it possible to apply CSS transitions inline (in the DOM), without using Pseudo Selector or using JS to add and change a property <code>class</code> on the dom?
  .
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#target{
    width: 100px;
    height:100px;
    background-color:red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="target" style="transition: opacity 1s linear;"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>