Diagonal Side div color css js

Question

i have 2 div like this

Answer 1

Try using an svg path css background property. See example below.

.container {
  background: red;
  height: 117px;
}

.one {
  float: left;
  width: 50%;
  height: 117px;
  background: url("data:image/svg+xml;utf8,") no-repeat;
}
.two {
  float: left;
  width: 50%;
  height: 117px;
}