• Clip 3

     

    Code:

    <div style="height: 600px; width: 800px; border: 4px ridge white; float: left;">
    <p id="saou"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    <p id="saou1"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    <p id="saou2"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    <p id="saou3"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    <p id="saou4"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    <p id="saou5"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    <p id="saou6"><img src="http://ekladata.com/UZYx89bJesqw7tUpXmMkDk7lg3A/saou-29-9-11-031.jpg" alt="" /></p>
    </div>
    <p style="float:left; width:350px; height:600px; text-align:center; font-size:11pt;">Code:<br><br>...<br>...<br>...</p>
    <style><!--
    #saou{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; filter:grayscale(1); -webkit-filter:grayscale(1); opacity:0.4;}
    #saou1{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; -webkit-clip-path: circle(120px at 200px 200px);}
    #saou2{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; -webkit-clip-path: circle(200px at 600px 300px);}
    #saou3{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; -webkit-clip-path: circle(100px at 150px 300px);}
    #saou4{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; -webkit-clip-path: circle(150px at 300px 300px);}
    #saou5{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; -webkit-clip-path: circle(80px at 200px 500px);}
    #saou6{ position:absolute; transform:translate(0px,0px); width:800px; height:600px; -webkit-clip-path: circle(100px at 350px 500px);}
    --></style>
    ...
    ...