anad-zeal · August 29, 2018 00:45
diff --git a/index.html b/index.html
 <div class="container">
  <svg width="500px" height="500px">
    <rect x="0" y="0" width="100" height="100" fill="white"/>
    <circle cx="50" cy="50" r="50"/>
  </svg>
 </div>
diff --git a/script.js b/script.js
 $('rect').hover(function() {
  $('rect')
    .attr('width', 400)
    .attr('height', 300)
    .attr('fill', 'yellow');
 });
diff --git a/scripts b/scripts
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
diff --git a/style.postcss b/style.postcss
 .container {
  margin: 20px;
 }

 circle, rect {
  stroke: none;
 }
 circle {
  fill: red;
 }
diff --git a/svg-circle-path.markdown b/svg-circle-path.markdown
	<div class="container">
	<svg width="500px" height="500px">
	<rect x="0" y="0" width="100" height="100" fill="white"/>
	<circle cx="50" cy="50" r="50"/>
	</svg>
	</div>