• Clip 5

    Code forme étoile copié sur site http://bennettfeely.com/clippy/
    Inversion des couleurs sur l'image de fond.

     

    Code:
    <div style="width: 810px; height: 610px; margin: 10px auto;">
    <p id="c1">&nbsp;</p>
    <p id="c2"><img src="http://ekladata.com/Tr_vwDXHNIv-vjhpOpvVwDbFUaY/5666.jpg" alt="" /></p>
    </div>
    <style><!--
    #c1{ position:absolute; width:800px; height:600px; border:4px solid white; background:url('http://ekladata.com/Tr_vwDXHNIv-vjhpOpvVwDbFUaY/5666.jpg'); -webkit-filter:invert(1); filter:invert(1); opacity:0.5;}
    #c2{ position:absolute; transform:translate(4px,4px); -webkit-clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);
    clip-path: polygon(50% 0%, 63% 38%, 100% 38%, 69% 59%, 82% 100%, 50% 75%, 18% 100%, 31% 59%, 0% 38%, 37% 38%);}
    --></style>
    ...