Opi tekemään hehkuefektit nopeasti ja helposti CSS3: n avulla

Lisää hehku verkkosivun elementtiin korostukseen

Pehmeä ulkopuolinen hehku, joka lisätään Web-sivusi elementtiin, saa elementin erottumaan katsojalle. Käytä CSS3: n ja HTML: n avulla hehkun tärkeän esineen ulkoreunojen ympärille. Vaikutus on samanlainen kuin Photoshopissa olevan objektin ulkopuolinen hehku.

Ensin luo elementti hehkumaan

Hehkuvaikutukset voidaan tehdä millä tahansa taustalla, mutta ne näyttävät parhaiten tummilta taustoilta, koska hehku tuntuu hämmentävältä. Tässä pyöristetyn kulman suorakulmaisessa laatikon esimerkissä DIV-elementti sijoitetaan toiseen DIV-elementtiin, jossa on musta tausta. Ulkoinen DIV ei ole tarpeen hehkua varten, mutta on vaikea nähdä hehkua valkoisella taustalla.

Anna DIVille hehkun luokka :


Aseta elementin koko ja väri

Kun olet valinnut elementin, jonka haluat hehkua koristamaan, siirry eteenpäin ja lisää siihen haluamasi tyylit , kuten taustaväri, koko ja fontit. Tämä esimerkki on sininen suorakulmio; koko on 147px 90px; ja taustaväri on # 1f5afe, kuninkaallinen. Se sisältää marginaalin sijoittaa elementti mustan kontin elementin keskelle.