Uzziniet, kā ātri un vienkārši pievienot Glow efektus ar CSS3

Pievienojiet spīdumu tīmekļa lapas elementam, uz kura tiek uzsvērts

Jūsu mājas lapas elementam pievienots mīksts ārējais spīdums liek elementam izcelties skatītājam. Izmantojiet CSS3 un HTML, lai piemērotu spīdumu pie svarīga objekta ārējām malām. Efekts ir līdzīgs objekta Photoshop pievienotajam spīdumam.

Vispirms izveidojiet elementu, lai spīdētu

Glow efektus var izdarīt uz jebkuru krāsu fona, bet tie vislabāk izskatās tumšos fonos, jo tad spīdums, šķiet, mirdz vairāk. Šajā apļveida stūra taisnstūra lodziņa piemērā DIV elements tiek novietots citā DIV elementā ar melnu fonu. Ārējais DIV nav vajadzīgs svelme, bet svelme uz balta fona ir grūti redzēt.

Piešķiriet DIV siltuma klasi :


Iestatiet Elementa lielumu un krāsu

Kad esat izvēlējies elementu, kuru jūs gatavojaties izrotāt ar spīdumu, turpiniet un pievienojiet jebkādus stilus, kādus vēlaties tam, piemēram, fona krāsu, izmēru un fontus. Šis piemērs ir zils taisnstūris; lielums ir iestatīts uz 147 pikseļiem līdz 90 pikseļiem; un fona krāsa ir iestatīta uz # 1f5afe, royal blue. Tas ietver iespēju ievietot elementu melna konteinera elementa vidū.