Quiero tener el efecto de brillo interno del botón cuando se enfoca. Pude lograr un resplandor de contorno (externo) pero incluso quiero tener un efecto de brillo interno. ¿Alguien podría ayudar?Efecto de brillo interior del botón
me hizo una jsFiddle mostrar este efecto:
a {
-webkit-box-shadow: inset 0 0 30px #00f;
-moz-box-shadow: inset 0 0 30px #00f;
box-shadow: inset 0 0 30px #00f;
}
Editar: en respuesta a su comentario: He aquí una much sexier version.
obtengo un efecto de brillo interior con esto gracias por tu ayuda . como ya mencioné, necesito tener brillo interior y brillo externo juntos. Si incluyo "-webkit-box-shadow: inserción 0 0 30px # 00f;" junto con -webkit-box-shadow: 0 0 30px # 00f; solo puedo ver el brillo interno pero no el brillo externo. – rashmi
uso box-shadowinset:
.class{
box-shadow:inset 2px 2px 2px 2px black;
}
+1, pero necesitas los estilos duplicados '-webkit-' y '-moz-'. – thirtydot
sí, por eso proporcionó el css3.info linke. El trabajo de CSS3 todavía está en progreso, sin embargo las características como 'box-shadow',' border-radius' son implementadas por los principales navegadores (no considero IE como un navegador) – crodjer
Quizás eche un vistazo aquí: http://stackoverflow.com/questions/2572713/css3-gradients-to-reproduce-an-inner-glow-effect-from-illustrator-with-border-r – Simon