Pytania otagowane jako css-transitions

CSS Transitions umożliwia płynne zmiany właściwości w wartościach CSS w określonym czasie.

3
Przejście CSS z widocznością nie działa
Na skrzypcach poniżej mam osobne przejście na widoczność i krycie. Ta ostatnia działa, ale ta pierwsza nie. Ponadto, w przypadku widoczności, czas przejścia jest interpretowany jako opóźnienie w zawisie. Dzieje się zarówno w przeglądarce Chrome, jak i Firefox. Czy to błąd? http://jsfiddle.net/0r218mdo/3/ Przypadek 1: #inner{ visibility:hidden; transition:visibility 1000ms; } #outer:hover …
6
Przejście CSS3 - efekt zanikania
Próbuję zaimplementować efekt „zanikania” w czystym CSS. Oto skrzypce . Sprawdziłem kilka rozwiązań online, jednak po przeczytaniu dokumentacji online próbuję dowiedzieć się, dlaczego animacja slajdów nie działa. Jakieś wskazówki? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { width: 75px; min-height: 20px; …
6
Dlaczego włączenie akceleracji sprzętowej w CSS3 spowalnia wydajność?
Przenoszę 6000 małych elementów div w eksperymencie css3 przy użyciu przejścia od top: 0do top: 145pxdo testowania wydajności. Korzystanie żadnego sprzętową akcelerację biegnie gładka na Google Chrome. Jeśli włączę akcelerację sprzętową poprzez translateZ(0)wydajność, stanie się okropna. Dlaczego to jest takie? Oto mój przykładowy kod: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Aktualizacja (2014-11-13): Ponieważ to pytanie …
2
Przejścia CSS3: Czy „przejście: wszystko” jest wolniejsze niż „przejście: x”?
Mam pytanie dotyczące szybkości renderowania dla właściwości przejścia css3. Załóżmy, że mam kilka elementów: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} O wiele bardziej efektywne jest kierowanie wszystkich przejść dla wszystkich tych …
9
Jak zapobiec zmianie renderowania tekstu w Webkit podczas przejścia CSS
Używam przejść CSS do przejścia między stanami przekształconymi CSS (w zasadzie przejście skali elementu). Zauważyłem, że gdy element przechodzi, pozostała część tekstu na stronie (w Webkit) ma tendencję do nieznacznej zmiany renderowania, dopóki przejście nie zostanie zakończone. Skrzypce: http://jsfiddle.net/russelluresti/UeNFK/ Zauważyłem również, że nie występuje to w moich nagłówkach, które mają …
3
Elastyczne przejście: Rozciągnij (lub zmniejsz), aby dopasować zawartość
Zakodowałem skrypt (z pomocą tutaj użytkownika), który pozwala mi rozwinąć wybrany div i sprawić, aby inne div zachowywały się odpowiednio, rozciągając się równo, aby dopasować się do pozostałej przestrzeni (z wyjątkiem pierwszego, którego szerokość jest stała). A oto zdjęcie tego, co chcę osiągnąć: Do tego używam flexu i przejść. Działa …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.