• Clip 2

    Proposons une version qui intéressera sans doute un peu plus.

    Vous savez faire ce genre de montage mais avec une sélection rectangulaire; la voici en rond, dans cet exemple.

    Code:
    <p id="fd"><img src="http://ekladata.com/TS6cBrOyn-Y2xQRwLzd9MnI2AuU/5845.jpg" alt="" /></p>
    <p id="clip"><img src="http://ekladata.com/TS6cBrOyn-Y2xQRwLzd9MnI2AuU/5845.jpg" alt="" /></p>

    <style><!--
    #fd{position:absolute; z-index:1; width:800px; height:600px; border:4px ridge white; background:url('http://ekladata.com/TS6cBrOyn-Y2xQRwLzd9MnI2AuU/5845.jpg'); filter:grayscale(1); -webkit-filter:grayscale(1); opacity:0.5;}
    #clip{position:absolute; z-index:2; width:800px; height:600px; -webkit-clip-path:circle(150px at center);}
    --></style>
    ...
    ...