Is it possible to apply CSS transitions inline?
<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>