JSFiddle - React, Tailwind, and code Playground

by Michaël van de Weerd

HTML

<div id="example">

</div>

CSS

#example {
  width: 100px;
  height: 100px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><circle cx='50' cy='50' r='35' fill='blue'/></svg>");
}

#example:hover {
  -webkit-filter: hue-rotate(45deg);
}