Pridėkite švytėjimą prie interneto puslapio elemento, skirto pabrėžti
Minkštas išorinis švytėjimas, pridedamas prie elemento jūsų tinklalapyje, sukelia elemento išskyrimą žiūrinčiui. Naudokite CSS3 ir HTML, kad apšviestumėte svarbaus objekto išorinius kraštus. Poveikis yra panašus į lauko švytėjimą, pridėtą prie "Photoshop" objekto.
Pirmiausia sukurkite elementą švyti
Švytėjimo efektai gali būti atliekami bet kokiame spalviniame fone, tačiau jie geriausiai atrodo tamsiose fone, nes tada švytėjimas, atrodo, žėrintis daugiau. Šiame užapvalinto kampo stačiakampio dėžės pavyzdyje DIV elementas dedamas į kitą DIV elementą su juodu fone. Išorinis DIV nėra reikalingas švyti, tačiau sunku matyti švytėjimą ant balto fono.
Duok DIV klasę švyti:
Nustatykite Elemento dydį ir spalvą
Pasirinkę elementą, kurį ketinate puošti švyti, eikite į priekį ir pridėkite bet kokius norimus stilius , pvz., Fono spalvą, dydį ir šriftus. Šis pavyzdys yra mėlynas stačiakampis; dydis nustatytas nuo 147 pikselių iki 90 pikselių; ir fono spalva yra # 1f5afe, karališkoji mėlyna. Jame yra galimybė įdėti elementą į juodojo konteinerio elemento vidurį.