Osnove CSS animacije

Osnove CSS animacije

CSS animacije lahko na prvi pogled delujejo precej zapleteno, v sami osnovi pa jih sestavljajo precej enostavni elementi, in sicer: ime animacije, keyframes in želena animacija.

Preberi
CSS: Kako ciljamo element, ki ima več točno določenih class-ov?

CSS: Kako ciljamo element, ki ima več točno določenih class-ov?

Uporaba CSS class-ov na posameznih HTML elementih je pri izdelavi spletnih strani ali aplikacij nekaj vsakdanjega. Vsak HTML element pa ima lahko tudi več različnih class-ov in tako se hitro znajdemo v situaciji, kjer moramo določen element spremeniti glede na pogoj, če element vsebuje več določenih class-ov.

Preberi
CSS: funkcija calc()

CSS: funkcija calc()

calc() je osnovna CSS funkcija za preproste matematične izračune, kot so nadomestilo vrednosti za dolžino ali katere koli druge številke. Na voljo ima štiri preproste funkcije, in sicer seštevanje (+), odštevanje (-), množenje (*) in deljenje (/). Funkcija calc() je v jeziku CSS precej dobrodošla, saj celoten jezik temelji na samih številkah.

Preberi
CSS Webkit prikaz vnosnih polj

CSS Webkit prikaz vnosnih polj

Testiranja spletnih strani na različnih napravah in brskalnikih so pokazala, da se v večini primerov posamezni elementi prikazujejo enako oz. z manjšimi anomalijami, ki niso preveč moteče. Edini večji problem pa nastane, ko začnemo testirati “native” elemente, kot so vnosna polja za iskanje, besedilu ali gumbe.

Preberi