<div class="shape"></div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, esse vel? Dolorem cupiditate sunt dolor nesciunt molestias eligendi aliquid, quae eaque maiores expedita a error, explicabo, id magnam praesentium sit.
body {
  padding: 3rem;
}

.shape {
  background-image: linear-gradient(
    45deg,
    #0277bd,
    transparent 50%,
    transparent
  );
  float: left;
  height: 300px;
  width: 300px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.