Získajte informácie o tom, ako rýchlo a ľahko pridať efekt žalúdka pomocou CSS3

Pridanie žiaru na prvok webovej stránky pre zvýraznenie

Mäkká vonkajšia žiara pridaná k prvku na vašej webovej stránke spôsobí, že sa prvok dostane k divákovi. Použite CSS3 a HTML na použitie vonkajšieho okraja dôležitého objektu. Efekt je podobný vonkajšiemu žiare, ktorý bol pridaný k objektu vo Photoshope.

Najprv vytvorte prvok na žiaru

Žiarivé efekty je možné vykonať na ľubovoľnom farebnom pozadí, ale vyzerajú najlepšie na tmavom pozadí, pretože potom žiara zrejme ešte viac trpí. V tomto príklade obdĺžnikového obdĺžnika zaokrúhleného rohu sa prvok DIV nachádza v inom prvku DIV s čiernym pozadím. Vonkajšie DIV nie je potrebné pre žiar, ale je ťažké vidieť žiary na bielom pozadí.

Dej DIV triede žiaru:


Nastavte veľkosť a farbu prvku

Potom, ako si vyberiete prvok, ktorý chcete zdobiť žiarou, pokračujte a pridajte všetky štýly, ktoré chcete, napríklad farbu pozadia, veľkosť a písma. Tento príklad je modrý obdĺžnik; veľkosť je nastavená na hodnotu 147 x 90 pixlov; a farba pozadia je nastavená na # 1f5afe, kráľovskú modrú. Zahŕňa okraj na umiestnenie prvku do stredu čierneho kontajnera.