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:

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

Si urmatorul cod 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;
}

Gata! Avem imagini cu coltul rotund!
Citeste si:   Sa invatam CSS: sa selectam un element compus

Spune si tu parerea...