White CSS arrow inside div
-2 I'm looking to create this white arrow that goes inside the image with the HTML you can find in the snippet in a pure CSS way, not editing any HTML code. .foto width: 100%; float: left; min-height: 215px; background: linear-gradient(to bottom right,transparent 50%,#fff 0) bottom right/10% 50% no-repeat, linear-gradient(to bottom left,#fff 50%,transparent 0%) top right/10% 50% no-repeat, url(https://s3.pagegear.co/1/contents/blog/2016/imagen_cachorro_comprimir.jpg) center/cover <div class="foto bg_fix"><img src="https://s3.pagegear.co/1/contents/blog/2016/imagen_cachorro_comprimir.jpg" itemprop="image" width="724" height="230" style="display: none;"></div> css css3 linear-gradients share | improve this question edited Nov 14 '18 at 10:51 Temani Afif 75.6k 9 43 86 asked Nov 14 '18 at 1:15 Hector Landete Hector Landete 83 8 4