Instagram logo

---

Daudzi mums pazīstamie lietotņu logo ir veidoti no gluži vienkāršām ģeometriskām figūrām. Pamēģināsim izveidot Instagram lietotnes talismanu "fotoaparātu" ar HTML un CSS.

Lai izveidotu krāsaino logo fonu, izmanto <div> elementu, iestatot tam izmērus, piemēram 200 x 200

Stūru noapaļošanai izmanto īpašību border-radius ar atbilstošu vērtību izteiktu procentos.

Balto rāmi veido kā vēl vienu <div> elementu jau esošajā, iestatot border: 10px solid white;, tādējādi veidojot tam rāmi kā 10px biezu baltu līniju. Noapaļo stūrus!

Aplis ir trešais <div> elements, kuram border-radius būs puse no figūras, attiecīgi 50%.

Rezultātā tas varētu izskatīties šādi:

Ja vēlies izaicinājumu, pamēģini pievienot zibspuldzes elementu fotoaparātam, kas logo redzams kā balts punkts.