Dodajte efekt sjene na slike pomoću CSS3 automatskog generatora koda

CSS vam omogućuje jednostavno oblikovanje web stranica vrlo, vrlo lako. Na jednoj stranici možete definirati preko stotinu stilova teksta (naravno da će vaša stranica izgledati poput cirkuskog šatora), ali riječ je o lakoći i fleksibilnosti koja dolazi sa korištenjem CSS-a na web stranicama.ThemeShock ima CSS generator kodera koji će vam pomoći da dodate različite efekte sjene na svoje slike u nekoliko jednostavnih klikova. Vi birate efekt i on piše kod; učinci se mogu dodati donjem, bočnim, gornjim i donjim, donjim lijevim, donjim desnim, gornjim desnim i donjim lijevim ili u dijagonalnim uglovima.

Prije nego što počneš; provjerite dimenziju slike (onoj kojoj želite dodati efekt). Generator koda ima unaprijed definiranu gornju i donju granicu od 130 - 347px za širinu i visinu slike. Ako dimenzije slike prelaze ovu veličinu, uvijek možete naknadno urediti širinu i visinu. Kôd vam također omogućuje određivanje neprozirnosti i zamagljenosti sjene. Ne možete učitati svoju sliku u generator koda, koristit će se zadana slika kako biste mogli pregledati efekt.

Na padajućem izborniku odaberite učinak sjene koji vam se sviđa, svaki put kad promijenite bilo koji od odabirača, generira se novi kôd, pa se obavezno poslužite najnovijim. Nakon što odaberete željeni efekt, postavite širinu i visinu slike pomoću vodoravne trake za pomicanje. Upotrijebite desnu i lijevu tipku sa strelicama kada želite malo pritisnuti gumb. Podesite zamućenje i neprozirnost i kôd će se generirati. Povećavanje ili smanjenje bilo kojeg od ovih parametara stvorit će novi kod.

Nakon što je sve postavljeno, kopirajte CSS kôd u CSS datoteku i imenovajte ga za svoju web stranicu (ili temu). Generira se i HTML kod koji se nalazi na vašoj web stranici (jedinstven je za svaki odabrani efekt iz padajućeg izbornika) kopirajte je i stavite slikovni kod (img src = ”“) na kojem piše “vaš kôd ovdje'.

Najbolja stvar ovog generatora koda je da radi i besplatan je. Ima ograničenja dimenzija za slike, ali ih se može uređivati ​​iz koda. Ako koristite prozirnu sliku (poput ove gore), dat će potamnjelu sivu pozadinu. Boju pozadine možete kasnije urediti iz koda. (Uređivanje pozadine retka koda: #ccc). Kôd također daje okvir od 5 piksela svim slikama, možete ga i urediti, ali povećavanje i smanjivanje širine sakriti će ili otkriti sjenu više nego što je potrebno tako da je najbolje ostaviti na miru.

Posjetite ThemeShock CSS Generator spuštanja sjena