Colturi rotunde pentru imagini

Conturile rotunde au fost tot timpul o problema in special pentru imagini. Cu noile tehnologii poti face foarte simplu colturile rotunde fara prea multe batai de cap.

Avem urmatorul cod HTML:

[html]
<span class="coltrotund" style="background-image: url(imagine.jpg)">
<img src="imagine.jpg" alt="Imagine">
</span>
[/html]

Si urmatorul cod CSS:

[css]
.coltrotund {
float: left;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: #000 0 2px 10px;
-moz-box-shadow: #000 0 2px 10px;
box-shadow: #000 0 2px 10px;
}

.colrotund img {
opacity: 0;
}
[/css]
Gata! Avem imagini cu coltul rotund!

Spune si tu parerea...