HyTags – Declarative Scripting for HTML

1 min read Original article ↗
<button>Start</button>
<on click>
  <selection-change next-sibling="div">
  <selection-change first-child="car">
  <style-set name="position" value="absolute">
  <style-set name="left" value="0px">
  <function-delay seconds="0.2">
  <style-animate duration="0.5">
    <style-set name="left" value="calc(100% - 50px)">
  </style-animate>
</on>

<div style="position: relative; font-size: 44px; width: 100%">
  <car style="display: inline-block; transform: scaleX(-1)">🚗</car>
</div>