Pytania oznaczone «css-transitions»

Usiłuję <ul>zjechać w dół za pomocą przejść CSS. <ul>Zaczyna się height: 0;. Po najechaniu kursorem wysokość jest ustawiona na height:auto;. Jednak powoduje to, że po prostu pojawia się, a nie przejście, Jeśli zrobię to od height: 40px;do height: auto;, wtedy przesunie się w górę...

Obecnie projektuję „mega rozwijane menu” CSS - w zasadzie zwykłe menu rozwijane tylko w CSS, ale takie, które zawiera różne rodzaje treści. W tej chwili wydaje się, że przejścia CSS 3 nie mają zastosowania do właściwości „display” , tzn. Nie można wykonać żadnego rodzaju przejścia z display:...

Nie mogę znaleźć poprawnej składni dla stenografii przejścia CSS z wieloma właściwościami. To nic nie robi: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s...

Czy można zastosować przejścia CSS, aby umożliwić zanikanie akapitu tekstu podczas ładowania strony? Naprawdę podoba mi się, jak to wyglądało na http://dotmailapp.com/ i chciałbym użyć podobnego efektu za pomocą CSS. Domena została zakupiona i nie ma już wspomnianego efektu. Zarchiwizowaną kopię...

To dość proste pytanie, ale nie mogę znaleźć bardzo dobrej dokumentacji dotyczącej właściwości przejścia CSS. Oto fragment kodu CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0...

Próbuję przejść po najechaniu myszką za pomocą css na miniaturze, aby po najechaniu myszą gradient tła zanikał. Przejście nie działa, ale jeśli po prostu zmienię go na rgba()wartość, będzie działać dobrze. Czy gradienty nie są obsługiwane? Próbowałem też użyć obrazu, ale też go nie...

Czy można używać animacji przejścia CSS3 przy ładowaniu strony bez użycia Javascript? To jest coś, czego chcę, ale przy ładowaniu strony: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Co znalazłem do tej pory CSS3 opóźnienie przejścia , sposób na opóźnienie efektów na...

Czy są jakieś zdarzenia uruchamiane przez element w celu sprawdzenia, czy przejście css3 rozpoczęło się lub

Czy istnieje rozwiązanie dla różnych przeglądarek, które umożliwia tworzenie przejść wsuwanych tylko za pomocą CSS, bez javascript? Poniżej przykład zawartości html: <div> <img id="slide" src="http://.../img.jpg

Rozumiem więc, jak wykonywać przejścia i animacje CSS3. Nie jest jasne, a wyszukałem w Google, kiedy użyć którego. Na przykład, jeśli chcę, aby piłka odbiła się, jasne jest, że najlepszym rozwiązaniem jest animacja. Mógłbym dostarczyć klatki kluczowe, a przeglądarka zrobiłaby klatki pośrednie i...

Próbuję uzyskać efekt „zanikania, zanikania”, używając przejścia CSS. Ale nie mogę zmusić tego do pracy z obrazem tła ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s;...

Mam więc następujące przejścia CSS dołączone do elementu a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s...

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Dlaczego to...

Jaka jest różnica między CSS3 przejścia ease-in,

Chciałbym zastosować przejście CSS do wszystkich właściwości oprócz pozycji tła. Próbowałem to zrobić w ten sposób: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s...

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

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...

Czy można otrzymać powiadomienie (np. Oddzwonienie) po zakończeniu przejścia CSS?

Zdarzenie końcowe przejścia Webkit nazywa się webkitTransitionEnd, Firefox to przejścieEnd, opera to oTransitionEnd. Jaki jest dobry sposób radzenia sobie z nimi wszystkimi w czystym JS? Czy powinienem wąchać przeglądarkę? czy wdrożyć każdy z nich osobno? W inny sposób nie przyszło mi do...

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...