<img id="css-filter-blur" src="http://gravatar.com/avatar/7124bc62949227ac21a52e9533e6d478?s=512" alt="Blur"  width="300" />
<svg id="svg-image-blur">
    <filter id="blur-effect-1">
        <feGaussianBlur stdDeviation="2" />
    </filter>
</svg>

<div class="copyright"><font style="float:right; margin-right:30px;">Copyright &copy; 2013 - Ayhan ALTINOK </font>İletişim bilgileri :<font style="color:#505050"> Web Adresi:</font> www.graphicsfamily.com <font style="color:#505050"> Mail :</font> ayhanaltinokesk@gmail.com <font style="color:#505050">Facebook: </font>www.facebook.com/ayhanaltinokesk</div>

body {
	margin: 10px auto;
	width: 470px;
    background: url(http://www.leeonconsultancy.com/images/audrina%20web%20background.jpg) repeat-x;
}
#css-filter-blur {
    -webkit-filter: blur(4px);
    filter: url(#blur-effect-1);
    margin: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#css-filter-blur:hover {
    -webkit-filter: none;
    filter: none;
}


.copyright{width:100%;height:auto; background-color:#171717;color:#aaa;position:fixed; bottom:0px;font:  12px Arial;padding:5px;opacity:0.3;border-top:#a00 2px solid;z-index:99999;left:0px;right:0px;}.copyright:hover{opacity:1}

/* Ayhan Altınok*/