Skip to the main content
Tag: 'css'

17.01.2017. 0

CSS Minesweeper

Poznata casual strateška mozgalica u web varijanti, ali napravljena bez JavaScripta. CSS Minesweeper je potpuno funkcionalna igra, jedino za označavanje bombi trebate kliknuti zastavicu na vrhu pa na određeno polje umjesto desnog klika miša. I dobar izbor pozadine na stranici. :)

16.01.2017. 0

CSS Dog

Simpatični mali animirani CSS pas koji maše repom i čeka da kliknete lopticu. Još jedan dobar web uradak napravljen pomoću HTML-a i CSS-a, bez ijedne linije JavaScripta. CodePen

12.01.2017. 0

Pure CSS Bus

Ovo je CSS autobus, javno prijevozno sredstvo skrojeno samo od CSS-a i naravno, hrpe DIV elemenata. Priložena sličica nije baš centrirana jer kad smo opalili screenshot autobus je već krenuo. Hladno je kad stoji... CodePen

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)