foto html - css     . Cliparts - Borderoutline

Omschrijving   Voorbeeld

Dit vond ik wel heel erg mooi en apart.

Een normale foto en met css een mooie kader met schaduw er omheen.
Zet de afmeting niet bij de foto maar in de css bij height en width.

 

In de css

div.borderout {
border: 10px solid rgb(255,255,240);
outline: 1px solid rgb(230,230,225);
outline-offset:0px;
height:200px;
width:300px;
-moz-box-shadow: 5px 5px 8px #797D82;
-webkit-box-shadow: 5px 5px 8px #797D82;
box-shadow: 5px 5px 8px #797D82;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#797D82');
margin-left:100px;}

Tussen de bodytags

<div class="borderout"><img src="jou foto" /></div>

end
terug
home