Posted By

COBOLdinosaur on 01/23/13

Tagged

css
html5

Versions (?)

Last Edited at 01/23/13 05:27am

Statistics

Viewed 747 times

Favorited by 0 user(s)

Related snippets

Image Frame on Round Photo

/ Published in: CSS

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

CSS:
    .outerFrm   { 
                    background-image:url(/path/BGimage.jpg); 
                    border-radius:50%;
                    padding:15px;
                    box-shadow:1px 1px 3px 3px purple;
                     }
    img.round   {
                    border-radius:50%;
                     }
 
HTML:
 
<div class="outerFrm">
<img class="round" src="/path/img.jpg" alt="k" />
</div>