Можно ли создать контурную границу с радиусом?
Я знаю, что вы можете добавить контурную рамку с помощью CSS3.
outline: 10px solid red;
Теперь мне было интересно, как я могу добавить радиус к этой границе контура.
Я пробовал это, но нет работа:
.radius {
padding: 20px 60px;
text-transform: capitalize;
-moz-outline: 10;
outline: 10px solid red;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}