[k.....w]

Z nudów zrobiłem interesujący pierścień obrotowy, wokół którego latają "satelity".
--LINK--
#html #css #javascript #chwalesie #programujzkardawem #webdev #zludzeniaoptyczne
Ten Javascript tylko wpisuje wartośći przy wczytywaniu strony do pliku html, bym nie musiał dużo pisać. Jednocześnie nie musiałem liczyć na palcach położenia kwadracików na pierścieniu, jak i opuźnienia obrotów każdego z satelit. A za animacje odpowiedzialny jest CSS. Pomniejszając stronę zwiększymy ilość klatek na sekundę, jeśli macie wolne komputery.
W Firefoxie nie działa antyaliasing i w dodatku troszkę się tnie. W Explorerze nawet nie wczyta zawartości z Javascript, choć w animacjach najpłynniej w nim wszystko by szło. Niestety nie wspiera też względnego przesunięcia elementów w 3D.

[Darknov]

@kardaw: oczojebne bardzo

[k.....w]

@Darknov: TU:
Poprawione

[Darknov]

@kardaw: na czarnym tle o wiele lepsze #tylkonocny ( ͡° ͜ʖ ͡°)

[k.....w]

@Darknov: Spróbuj usunąć słowo cont z id. Zobaczysz, co za czary :)

[AdrianKam]

@kardaw: cont nie powinno byc relative, zeby bylo bardziej semantycznie?

[k.....w]

@AdrianKam: cont jest tym pakietem, który wszystko zawiera. Dlatego, że jest absolute, może być umieszczony gdziekolwiek na stronie ignorując przy tym inne elementy wokół siebie. Ale dlatego, że wszystko w cont jest absolute, to i sam cont jest absolute, by dla wewnętrznych elementów komendy left, top itd. stosowało się do krawędzi cont. Jak mimo tego chcesz mieć ten pierścień jako pakiet relative, to umieściłbym ten cont w jakimś

[k.....w]

@AdrianKam: Czyli tak:
**
...
**