Блог

Я пытаюсь применить путь к клипу к нескольким разделам, но Safari, похоже, применяет путь к клипу только к первому экземпляру. Ниже приведен урезанный код. Я также собрал ручку, которую вы можете найти здесь -> http://codepen.io/hillspro/pen/GjYRAA

HTML

 <div id="container">
   <div class="object"></div>
   <div class="object"></div>
   <div class="object"></div>
   <div class="object"></div>
</div>

<svg width="0" height="0">
 <defs>
   <clipPath id="clip-shape" clipPathUnits="objectBoundingBox" >
    <polygon points=".5,0 .95,.25 .95,.75 .5,1  .05,.75 .05,.25"/>
   </clipPath>
 </defs>
</svg>  
  

ВСТРОЕННЫЙ — CSS

 .object{
  display:inline-block;
  margin:15px;
  background:brown;
  width:200px;
  height:200px;
  clip-path:url('#clip-shape'); 
  -webkit-clip-path:url('#clip-shape');
}