Skip to the main content
Tag: 'css'

04.11.2016. 0

Cat Eyes in CSS

Kako nacrtati mačje oči pomoću CSS-a? Jednostavno, ako pogledamo ovaj primjer. Dovoljna su dva elementa, malo gradijenta, nestandardni radijus i nešto sitno. CodePen

Pitalica: ako četiri mačke za četiri dana pojedu četiri štakora koliko jedna mačka pojede štakora za jedan dan? Jedu li uopće mačke štakore ili je to samo mit?

23.08.2016. 0

CSS 3D Solar System

Sunčev sustav u CSS-u je animirani 3D prikaz ne kompletnog nego samo dijela sustava, od Sunca do Jupitera, ali zato složenog (samo) pomoću CSS-a. 24 linije HTML i dvjestotinjak linija CSS koda. Jako solidan web uradak. CSS animiranje rastura!

Vidi i Sunčev sustav u CSS-u (2D, +SVG).


(via)

18.07.2016. 1

The Simpsons in CSS

Likovi iz poznate američke crtane TV-serije Simpsoni, odrađeni u CSS-u bez ikakve grafike ili skriptiranja te još k tome i dodatno animirani. Izvorni kod u CSS-u za svakog. Ukupno 13 likova, od Homera do onog napornog klauna.


(via)

06.07.2016. 0

CSS3 Aquarium

CSS3 akvarij s animiranim mjehurićima i jednim žiteljom, lijep uradak napravljen bez ijedne linije JavaScripta, samo pomoću web elemenata te CSS3 animacija i transformacija. Radit će dakle ako isključite JS te osvježite stranicu. Klik na "Edit" gore desno za uvid u izvorni kod.

A probajte zaviriti i u nekoliko JS efekata ali napravljenih pomoću CSS-a.

03.02.2016. 0

CSS Game

Jednostavno nazvan CSS igra ovaj web uradak je vrijedan pažnje i stoga što je napravljen samo uz pomoć HTML-a i CSS-a, bez uporabe JavaScripta. Također, piše da radi samo u Chromeu, ali radi i u drugim preglednicima novijeg datuma. Najveći nedostatak je što je sama igra jednostavna, ali teška. Sve dok ne nađete kako varati. ;)

18.09.2015. 0

SpongeBob in Pure CSS

Junak modernog crtića za djecu, Spužva Bob u CSS varijanti, dakle nacrtan samo uz pomoć HTML-a i CSS-a. Izvorni kod možete vidjeti na vrhu same stranice (CodePen).

A tko je taj Spužva Bob? Pa morska spužva u američkom crtiću, kako ne znate? Detalji na Wikipediji ili pitajte klinca.


(via)

16.07.2015. 1

CSS Color Names

Stranica na kojoj se nalaze boje i njihovi CSS nazivi. Ukupno 147 boja koje se mogu riječima napisati: 17 standardnih boja (aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) plus 130 dodatnih.


(via)

06.05.2015. 0

Solar System in CSS

U animiranom Sunčevom sustavu u CSS-u te, pomalo, SVG-u planeti, Mjesec i unutrašnji asteroidi rotiraju pravilno, u omjeru, gdje je trideset sekundi na ekranu jedna godina u stvarnosti. Ako kliknete dolje lijevo na "edit" možete proučiti izvorni kod te se uvjeriti da nije korišten JavaScript.


(via)

22.04.2015. 0

How to Center in CSS

Mnogo je riječi napisano o centriranju pomoću CSS-a. Ovo nije još jedan takav tekst nego alat koji proizvodi HTML i CSS kod, koristeći nekoliko trikova i tehnika, ovisno o ulaznim parametrima: što centrirate, koje su dimenzije i kako pozicionirate.


(via)

17.03.2015. 0

CSS Sans Font

CSS SANS je CSS font tj. font napravljen samo pomoću CSS-a. Jest da je u pitanju svježi CSS, ono što smo nekada zvali CSS3, dakle nešto za novije web preglednike, ali svejedno hvale vrijedno postignuće. Probajte mišem iznad koda koji je desno uz svako slovo.

Ako netko treba font koji se ne može označiti (selektirati) na stranici...


(via)