Pytania otagowane jako css-transitions

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

30
Jak mogę zmienić wysokość: 0; do wysokości: auto; używasz CSS?
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ę height: 0;, a następnie nagle skoczy …
2132 css  css-transitions 
30
Przejścia we właściwości wyświetlania CSS
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: nonedo display: block(lub …
1445 css  css-transitions 
6
Skrót CSS o wielu właściwościach?
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 .5s; height: 0; opacity: 0; overflow: 0; } .element.show …
3
Używanie CSS do uzyskania efektu zanikania przy ładowaniu strony
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ę można wyświetlić na urządzeniu Wayback Machine . Ilustracja Posiadanie …
8
Jak mieć wiele przejść CSS na elemencie?
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 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; …
15
Użyj przejść CSS3 z tłem gradientowym
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 przeniesie. Wiem, że to możliwe, ponieważ …
11
animacja przejścia css3 przy ładowaniu?
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 elementach. Działa tylko po najechaniu myszą. Klatka kluczowa CSS3 działa przy obciążeniu, ale działa …
5
CSS 3 wsuwany od lewej strony
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 /> </div>
9
CSS: animacja a przejście
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 będę mieć niezłą animację. Istnieją jednak przypadki, …
13
Przejście obrazu tła CSS3
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; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title …
5
Wyłącz / wyłącz dziedziczone przejścia CSS3
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 ease-in, background-color 0.1s ease-in; } Czy istnieje sposób na wyłączenie tych dziedziczonych przejść na określonych elementach? a.tags { …
3
CSS: krycie przejścia po wyjechaniu myszą?
.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 animuje krycie tylko wtedy, gdy najeżdżam kursorem, a nie wtedy, gdy zostawiam obiekt myszą? Demo tutaj: http://jsfiddle.net/7uR8z/ Wcześniejsze
6
Jak zastosować przejście CSS3 do wszystkich właściwości oprócz pozycji tła?
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 ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: background-position …
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.