6 replies

clip-path not displaying cssbattle safari imac

Im having trouble understanding how clip-path works. I'm going through the cssbattle and clip-path works sometimes, but mostly doesnt display properly. In this battle, i started with a square container and used clip-path to cut out the object. but i cant get the clip-path to display. I tried the same code in chrome and firefox but yeilded the smae results.

<a><b><style>
  body{background:#004416;margin:70 120;display:stacked}
  a{width:160;height:160;background:#82CA9C;position:absolute}
  b{background:#004416;clip-path:polygon(0 25%,25% 30%,50% 25%,75% 30%,100% 25%,100% 75%,75% 60%,50% 75%,25% 60%,0 75%)

<a><b><style>
  body{background:#004416;margin:70 120;display:stacked}
  a{width:160;height:160;background:#82CA9C;position:absolute}
  b{background:#004416;clip-path:polygon(0 25%,25% 30%,50% 25%,75% 30%,100% 25%,100% 75%,75% 60%,50% 75%,25% 60%,0 75%)

KP-C

Kevin Powell - Community•2y ago•

6 replies

I am Groot

clip-path not displaying cssbattle safari imac

<a><b><style>
  body{background:#004416;margin:70 120;display:stacked}
  a{width:160;height:160;background:#82CA9C;position:absolute}
  b{background:#004416;clip-path:polygon(0 25%,25% 30%,50% 25%,75% 30%,100% 25%,100% 75%,75% 60%,50% 75%,25% 60%,0 75%)

<a><b><style>
  body{background:#004416;margin:70 120;display:stacked}
  a{width:160;height:160;background:#82CA9C;position:absolute}
  b{background:#004416;clip-path:polygon(0 25%,25% 30%,50% 25%,75% 30%,100% 25%,100% 75%,75% 60%,50% 75%,25% 60%,0 75%)

clip-path not displaying cssbattle safari imac

Similar Threads

clip-path not displaying cssbattle safari imac

Similar Threads

Similar Threads

Similar Threads