Advanced Search

Image Frame on Round Photo

/ Published in: CSS
Save to your folder(s)
Using an image background for a photo allows all kinds of framing possibilities

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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>

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.