Skip to the main content
Tag: 'css'

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)

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)