border-radius

border-radius

CSS3 vlastnost border-radius zaoblí hrany u vybraných objektů.

Podpora:

IE 9+, Firefox, Chrome, Safari, Opera

Příklad:

div:hover {
  border-radius: 20px;
}

Použít se dají i jiné hodnoty. Například procenta.

Příklad 2:

div:hover {
  border-radius: 20px 10px 50px 3px;
}

Můžete nastavit úroveň zaoblení pro každý roh zvlášť.