Using CSS clip-path only affects first object in webkit browsers?
问题 I am trying to use the CSS clip-path attribute to apply an SVG clip-path to some elements in a page. For example, HTML (note that clipPathUnits="objectBoundingBox" allows the circle to be expressed in fractions of the containing element size): setTimeout(function(){ $('.circle:first div').addClass('clipped'); setTimeout(function(){ $('.circle:nth-of-type(2) div').addClass('clipped'); }, 2000); }, 2000); .circle { width: 100px; height: 100px; overflow: hidden; margin-bottom: 10px; } .circle