title: Draw shapes in webpage
body: <p>I have to make some shapes in my website, I need to put some background for the shapes, and it should change the background when I hover the cursor, how do i develop this, can I develop it using pure css or html canvas is required, I am attaching the demo image of the shape here. for the image given below each section is different shapes. any small help will be appreciated</p>
  
  <p><img src="https://i.stack.imgur.com/tvBhf.png" alt="enter image description here"></p>