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
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
@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.
@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
Ostatnia zmiana w drzewku komentarzy przyniosła sporo emocji i – nie ma co ukrywać – wiele uwag z Waszej strony. Przeczytaliśmy Wasz feedback, zebraliśmy kluczowe zastrzeżenia i zakasaliśmy rękawy, żeby jak najszybciej poprawić to, co najbardziej przeszkadzało w codziennym korzystaniu z serwisu. Dziś wracamy do Was z podsumowaniem - oto co już udało nam się wdrożyć oraz nad czym będziemy pracować w pierwszej kolejności:
Klikalność natomiast dzięki tagom w HTML - i
Komentarz usunięty przez autora
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.
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