Рамочки

 

<style>
.bordeimg1 {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;padding:15px !important;border:1px solid #ccc;background:#FFF;}
.bordeimg1:hover {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 0% 50%;box-shadow: 0px 0px 15px #000000;cursor:pointer;border:0;}
  .bordeimg2 {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 50% 0;box-shadow: 0px 0px 15px #000;padding:15px !important;border:0;background:#FFF;}.bordeimg2:hover {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius:0;cursor:pointer;}
  .bordeimg3 {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;padding:0 !important;}.bordeimg3:hover {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 50%;box-shadow: 0px 0px 15px #000000;border:0;cursor:pointer;}
  .bordeimg4 {border:0; padding:0 !important;-moz-transition: all 1s;-webkit-transition: all 1s;
-o-transition: all 1s;border-radius: 50%;box-shadow: 0px 0px 15px #000000;border:0;padding:10 !important;}.bordeimg4:hover {-moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;box-shadow: 0;cursor:pointer;border-radius: 0;}.bordeimg5 {-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;border-radius: 45% / 20%;box-shadow: 0px 0px 15px #000000;padding:0 !important;}.bordeimg5:hover {  -moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;border-radius:0;cursor:pointer;}
</style><br />