A fejlécnek ilyen hátteret hogyan lehet csinálni programozásnál? Egy képként kellene feltölteni vagy html-ben, css-ben is meg lehet csinálni?
Nemrég részt vettem egy rövid Skillshares webdesign készítő tanfolyamon ahol ezt a designt készítettük el. Mivel már egy ideje tanulmányozom a html és css használatát is, elgondolkoztam, hogy ezt a valóságban hogy lehetne megvalósítani? Mármint a lilás részt illetve oldalt a képeket. Ezeket pl. Photoshopban össze kell rakni és háttérképként feltölteni, vagy van rá mód, hogy css-ben meg lehessen csinálni?
Az oldal bal felső sarkában levő illetve a H&M, Apple, Starbucks logói, a lokációt jelző mutató, a fogaskerék ikon, a grafikonok mind-mind vektorgrafikusan kivitelezhető elemek, azokat érdemes SVG-ben megoldani (szabadon, "pixelesedés" nélkül átméretezhetőek, sávszélesség-takarékosak). Az emberekről készült képek viszont pixelgrafikusak.
Az elemek lekerekítése ( [link] ), egymásra rakása ( [link] ), vetett árnyéka ( [link] ), elforgatása ( [link] ) mind-mind kivitelezhető CSS-sel.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!