tengo este estilo que obtuve de la pagina
https://cybmeta.com/formas-basicas-con-css-triangulos-circulos-trapecios-rectangulos-cuadrados
.circulo {
width: 100px;
height: 100px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #5cb85c;
}
sin que deje de ser circulo, quiero darle un borde cuando le de click y que cuando sea hover se agrande un poco
y con esto lo aumento en el hover
.circle ul li a:hover {
background-color: transparent;
-webkit-transform:scale(1.3);transform:scale(1.3);
cursor:pointer;
cursor: hand;
}
Como pueden ver en el centro en la parte de abajo esta el "circulo" y tiene centro blanco y borde rosado.