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
641
  • Najlepsze
  • Wszystkie komentarze
Shirako
@rukh: @Wykop dajcie koledze trochę rogali i zaimplementujcie. Wygląda genialnie
344
rukh
rukh Autor
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
238
f.....s
f.....s
16
Pomaraczowy
@rukh: ładne
7
K.....n
K.....n
@rukh: bardzo spoko ale wole wybuchające plusy ( ͡° ͜ʖ ͡°)
3
P.....1
A działa na najleprzej pszeglondarce Internat Epxlorer 6? Ha, wiedziałem, że nie, szah mat!
3
rukh
rukh Autor
@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.
2
m.....0
m.....0
@rukh: fajne transformacje
1
w.....y
w.....y
@rukh: da się to przerobić na wtyczkę do przeglądarki?
1
P.....5
P.....5
@rukh: 10/10
1
Wyrazisty
Wyrazisty
@rukh: A skąd masz tę symulację?
1
Wyrazisty
Wyrazisty
@rukh: Bardzo ładne, dzięki za odpowiedź ;)
1
rukh
rukh Autor
@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
1
worldmaster
@Shirako: Meh, zbędny ficzer.
1
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 :)
1
mephian84
@rukh: ogólnie interakcja na plus :)
1
m.....r
@rukh: Niebrzydka rzecz, ale czy ma jakieś zastosowanie praktyczne? ( ͡° ͜ʖ ͡°)
1
rukh
rukh Autor
@mirkometr: a kafelki obrotowe w Win10? (⌐ ͡■ ͜ʖ ͡■)
1
m.....r
@rukh: Zamieniłem na PaperPlane ;)
1