Engade un brillo a un elemento da páxina web para o énfasis
Un resplandor exterior suave engadido a un elemento da súa páxina web fai que o elemento se destaque ao espectador. Utiliza CSS3 e HTML para aplicar un brillo ao redor dos bordos exteriores dun obxecto importante. O efecto é similar a un brillo externo engadido a un obxecto no Photoshop.
Primeiro crea o elemento para resplandecer
Os efectos de brillo poden facerse en calquera fondo de cor, pero parecen mellor en fondos escuros porque entón o brillo parece brillar máis. Neste exemplo rectangular de esquina redondeada, un elemento DIV colócase noutro elemento DIV cun fondo negro. O DIV exterior non é necesario para o brillo, pero é difícil ver o brillo nun fondo branco.
Dea ao DIV unha clase de brillo:
Establecer o tamaño e a cor do elemento
Despois de escoller o elemento que vai embellecer cun brillo, vai adiante e engada os estilos que desexa, como cor, tamaño e fontes. Este exemplo é un rectángulo azul; o tamaño está establecido en 147px en 90px; e a cor de fondo está configurada en # 1f5afe, un azul real. Inclúe unha marxe para colocar o elemento no medio do elemento contedor negro.