Obteniu informació sobre com afegir efectes de resplendor de manera ràpida i senzilla amb CSS3

Afegiu un resplendor a un element de pàgina web per fer èmfasi

Un resplendor suau afegit a un element de la vostra pàgina web fa que l'element es destaqui per l'espectador. Utilitzeu CSS3 i HTML per aplicar una brillantor a les vores exteriors d'un objecte important. L'efecte és similar a un resplendor extern afegit a un objecte de Photoshop.

Primer creeu l'element per brillar intensament

Els efectes brillants es poden fer en qualsevol fons de color, però es veuen millor en fons foscos perquè, després, el resplendor sembla brillar més. En aquest exemple rectangular de cantonada arrodonida, un element DIV es col·loca en un altre element DIV amb un fons negre. El DIV exterior no és necessari per al resplendor, però és difícil veure el resplendor sobre un fons blanc.

Doneu al DIV una classe de resplendor:


Estableix la mida i el color de l'element

Després d'escollir l'element que vas a embellir amb un resplendor, aneu endavant i afegiu els estils que vulgueu, com ara el color de fons, la mida i els tipus de lletra. Aquest exemple és un rectangle blau; la mida està establerta a 147px en 90px; i el color de fons s'estableix en # 1f5afe, un blau real. Inclou un marge per col·locar l'element al mig de l'element contenidor negre.