Posted By

COBOLdinosaur on 01/23/13


Tagged

css frames photo html5 effectspicture


Versions (?)

Image Frame on Round Photo


 / Published in: CSS
 

URL: http://coboldinosaur.com/pages/Frames_For_Photos.html

Using an image background for a photo allows all kinds of framing possibilities

  1. CSS:
  2. .outerFrm {
  3. background-image:url(/path/BGimage.jpg);
  4. border-radius:50%;
  5. padding:15px;
  6. box-shadow:1px 1px 3px 3px purple;
  7. }
  8. img.round {
  9. border-radius:50%;
  10. }
  11.  
  12. HTML:
  13.  
  14. <div class="outerFrm">
  15. <img class="round" src="/path/img.jpg" alt="k" />
  16. </div>

Report this snippet  

You need to login to post a comment.