Skip to the main content
Tag: 'css'

19.12.2016. 0

20 Years of CSS

17. prosinca 1996. godine objavljen je prvi CSS standard.

Povodom 20 godina CSS-a W3C je složio vremensku liniju, povijest s označenih važnijim događajima poput Zen Gardena i Acid2 testa. Sretan rođendan!


(via)

15.12.2016. 0

CSS 3D Solar System

Još jedan animirani 3D Sunčev sustav u CSS-u te malo JavaScripta. Interaktivan, također. Probajte klikati na nazive planeta na dnu ekrana te opcije s desne strane. Autor: Julian Garnier. Da je meni ponešto viška slobodnog vremena... CodePen


(via)

28.11.2016. 0

CSS Reference

U vizualnom CSS vodiču svako je svojstvo (property) objašnjeno ne samo riječima nego i vizualnim primjerom, ilustracijom ili skicom. Popis svih svojstava je lijevo, ali brže ćete doći do željenog pomoću polja za pretraživanje, iznad. CTRL+D


(via)

08.11.2016. 0

CSS Stopwatch

Potpuno funkcionalna CSS štoperica koja ne koristi JavaScript. Napravljena je u CSS-u uz malo HTML-a. Radi start, stop i reset, a možda zapamtiti i 4 prijelazna vremena. Sve više stvari se može napraviti u čistom CSS-u... Codepen

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)