Naučte se, jak snadno a rychle přidávat efekty záření pomocí CSS3

Přidání záře do prvku webové stránky pro zvýraznění

Měkká vnější záře, která byla přidána k prvku na vaší webové stránce, způsobuje, že se prvek postaví na prohlížeč. Použijte CSS3 a HTML pro použití záře kolem vnějších okrajů důležitého objektu. Efekt je podobný vnějšímu záření přidanému k objektu ve Photoshopu.

Nejprve vytvořte prvek pro záře

Zářivé efekty mohou být provedeny na jakémkoli barevném pozadí, ale vypadají nejlépe na tmavém pozadí, protože pak záře vypadá, že třpytí více. V tomto případě obdélníkového kruhu zaokrouhleného rohu je prvek DIV umístěn v jiném prvku DIV s černým pozadím. Vnější osvětlení DIV není nutné pro záře, ale je těžké vidět záře na bílém pozadí.

Dej DIV třídu záře:


Nastavte velikost a barvu prvku

Po výběru prvku, který chcete zdobit záře, pokračujte a přidejte všechny styly, které chcete, například barvu pozadí, velikost a písma. Tento příklad je modrý obdélník; velikost je nastavena na hodnotu 147 x 90 pixelů; a barva pozadí je nastavena na # 1f5afe, královskou modrou barvu. Zahrnuje okraj pro umístění prvku uprostřed černého kontejneru.