Skip to the main content
Tag: 'css'

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)

06.03.2015. 0

CSS Humor Ninja screenshot

CSS humor u obliku CSS koda u kojem su pojmovi opisani svojstvima u kojima prevladava igra riječi. Pogledajte kako se pojmovi kao što su Chuck Norris, Ninja, Samsung, Back to the Future itd. mogu duhovito prikazati pomoću CSS-a.

Slideshow se nalazi ovdje. (Listanje može i tipkama za lijevo te desno.)


(via)

11.11.2014. 0

CSS Only Game

CSS utrka tj. trkaća videoigra napravljena pomoću CSS-a, bez linije JavaScripta, pravi je pokazatelj moći (nove verzije) CSS-a. Ako ne vjerujte da je samo CSS u pitanju - pogledajte izvorni kod.

Strelica vašeg miša je "vozilo" koje treba izbjegavati druga vozila na brzoj cesti. Potreban vam je web preglednik koji fura webkit, a to su Chrome, Safari i Opera.

Chrome Safari Opera

07.11.2014. 0

CSS Compositions

CSS kompozicije kao mala umjetnička djela napravljena pomoću i samo pomoću CSS-a (zavirite u izvorni kod stranica ako ne vjerujete). Dobar dio je animiran. Autor: Kim Asendorf.

Klik na sličice u izvorniku otvara podstranice, tipka BACKSPACE za povratak na meni.


(via)