-
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"> </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>
...