[rukh]

Pamiętacie jak ostatnio pod tagiem #cssdemo udostępniłem ten gif? Wiem, że nie - dlatego umieszczam wpis ponownie.
Zasada działania w komentarzu.
#css #webdev #html5

[rukh]

Tym razem więcej zdradzę, animacja zawdzięcza swą ruchliwość dzięki charakterystyce CSS "transform-origin", "transform-style", "perspective" oraz "transform".
Klikalność natomiast dzięki tagom w HTML - i

[Pomaraczowy]

@rukh: ładne

[m.....0]

@rukh: fajne transformacje

[w.....y]

@rukh: da się to przerobić na wtyczkę do przeglądarki?

[f.....s]

@rukh:

[Shirako]

@rukh: @Wykop dajcie koledze trochę rogali i zaimplementujcie. Wygląda genialnie

[P.....5]

@rukh: 10/10

[Wyrazisty]

@rukh: A skąd masz tę symulację?

[K.....n]

@rukh: bardzo spoko ale wole wybuchające plusy ( ͡° ͜ʖ ͡°)

[rukh]

@Wyrazisty:
Wizualizacja, co w komentarzu, to w Sketchup,
a to co robiłem na ekranie nagrałem programem ScreenToGif w wersji 1.4.2 - ostatnia wersja która uchwyci najwięcej klatek.
Ustawiłem okno 400x400, bo Wykop wszystko co większe skaluje do szerokości 400px. A klatkowanie ustawiłem na 33ms na klatkę, czyli 30 FPS.

[Wyrazisty]

@rukh: Bardzo ładne, dzięki za odpowiedź ;)

[P.....1]

A działa na najleprzej pszeglondarce Internat Epxlorer 6? Ha, wiedziałem, że nie, szah mat!

[mephian84]

@rukh: a co z funkcjonalnością całkowitego odznaczenia + lub -?

[rukh]

@mephian84: No tak - odplusowania w znaleziskach musiało kiedyś nie istnieć, to nie wziąłem tego pod uwagę.
3 sposoby:
1 - na zaplusowanym bądź zaminusowanym elemencie w gotowość wchodzi funkcja Javascript która odznacza elementy "radio" jeśli klikniemy ponownie.
2 - "checkboxy" zamiast radia, a JS go odznacza jeśli zdecydujemy się przycisnąć drugi przycisk
3 - czysty JS

[worldmaster]

@Shirako: Meh, zbędny ficzer.

[CertyfikatOnetu]

@rukh: masz jakis autorski tag?

[mephian84]

@rukh: myśle, że dość intuicyjnie dzieje się to teraz czyli: odkliknięcie danego przycisku powoduje powrót do pierwotnej formy więc... Opcja 1 :)

[mephian84]

@rukh: ogólnie interakcja na plus :)