Image Frame on Round Photo - CSS Snipplr Social Repository

Revision: 61896

at January 23, 2013 05:27 by COBOLdinosaur

Initial Code

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>

Initial URL

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

Initial Description

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

Initial Title

Image Frame on Round Photo

Initial Tags

css, html5

Initial Language

CSS

Choose a language for easy browsing: