How to add image hover to your blog - style 5

1. Blogskins/ Classic template : Paste the codes giver before/above </style>
2. Template designer : Paste codes given before/above ]]></b:skin>

img{ -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; } img:hover{ -webkit-border-top-right-radius: 100px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomleft: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px;}