Zig Zag top e bottom

[z.cristiano]

Buonasera,
sono riuscito a fare un box ZIG ZAG solo su BOTTOM, ma vorrei che apparisse anche sul TOP ma non ci riesco...

Ecco il codice

<style>
   .zigzag_bianco {
      width: 100%;
      height: 500px;
      -webkit-mask-image: linear-gradient(0deg, transparent 12px, white 12px), linear-gradient(-135deg, white 7px, transparent 7px), linear-gradient(135deg, white 7px, transparent 7px);
      -webkit-mask-position: left bottom;
      -webkit-mask-repeat: repeat-x;
      -webkit-mask-size: 100% 100%, 12px 12px, 12px 12px;
      background: #FFFFFF;
   }
</style>
<div class=zigzag_bianco "></div>

Come devo fare?