Vue

vue_scg_styled_rect

by Gerasim_v_Gerasimov

HTML

<div id="app">
  <svg id="sample" version="1.1" xmlns="http://www.w3.org/2000/svg" width="100px" height="100px">
        <rect x=25 y=25 width="50px" height="50px"/>
    </svg>
</div>

CSS

#sample rect {
  fill: yellow;
  stroke: green;
  stroke-width: 4;
  transition: all 350ms;
}

#sample rect:hover {
  fill: gray;
}

Vue

new Vue({
  el: "#app",
})