css-animations
animacja przejścia css3 przy ładowaniu?
Czy możliwe jest użycie animacji przejścia CSS3 przy ładowaniu strony bez użycia Javascript?
Tego właśnie chcę, ale na stron ... wo wolna. Nie przydatne ze względu na to.
Przejście CSS3 jest wystarczająco szybkie, ale nie Animuj przy ładowaniu strony.
Jak zrobić migający / migający tekst za pomocą CSS 3?
Obecnie mam ten kod:
@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
.waitingForConnection ... i tak dalej... Chciałbym, aby zanikło, a następnie "podniosło się" z tego zanikania ponownie do opacity: 1.0. Czy to możliwe?
CSS: animacja a Przejście
Rozumiem więc, jak wykonywać zarówno przejścia CSS3, jak i animacje. To, co nie jest jasne, a ja wygooglowałem, to kiedy użyć ... obie firmy korzystają z przyspieszenia h/w?
[[29]}która jest bardziej nowoczesna i droga naprzód
Możesz coś jeszcze dodać?
Imitowanie znacznika blink z animacjami CSS3
Naprawdę chcę, aby kawałek tekstu migał w starym stylu bez użycia javascript lub dekoracji tekstu.
No transitions, only * b ... aż proszę o miganie bez ciągłych przejść, podczas gdy OP pozostałych pytań pyta jak zastąpić miganie ciągłymi przejściami
Utrzymanie stanu końcowego na końcu animacji CSS3
Uruchamiam animację na niektórych elementach, które są ustawione na opacity: 0; w CSS. Klasa animacji jest stosowana onClick ... scale(0.5); opacity:0.0; }
50% { transform:scale(1.2); opacity:0.5; }
100% { transform:scale(1.0); opacity:1.0; }
}
Właściwy sposób na optymalizację animacji CSS 3 dla iOS/Mobile Safari?
Buduję aplikację na iPada za pomocą PhoneGap. Próbuję użyć transformacji CSS do animacji, ale nie jestem do końca pewien, czy ... nnego CSS? A może jest to tylko efekt uboczny, ponieważ jest to aplikacja PhoneGap, a DIV, o którym mowa, ma duży obraz tła?
Rotating globe in CSS
Tworzę efekt rotacji Ziemi w CSS. Stworzyłem globus w CSS:
body {
background-color: #111;
}
#earth {
width ... rzymuje się, a następnie obraz resetuje się i zaczyna od nowa. Chcę, aby poruszał się płynnie bez szarpania. Dziękuję bardzo!
CSS3 Spin Animation
Przejrzałem kilka dem i nie mam pojęcia, dlaczego nie mogę uruchomić spinu CSS3. Używam najnowszej stabilnej wersji Chrome.
... ion-count: infinite;
-ms-animation-timing-function: linear;
-o-transition: rotate(3600deg);
}
<div></div>
Aktywuj animację CSS3, gdy zawartość przewija się do widoku
Mam wykres słupkowy, który animuje się za pomocą CSS3, a animacja jest aktywowana podczas ładowania strony.
Mam problem, że ... nie żadnego szczęścia, aby ją uruchomić.
Gdyby ktoś mógł wskazać mi właściwy kierunek, byłoby to naprawdę pomocne.
Dzięki!
Jak mogę utworzyć efekt marquee?
Tworzę efekt marquee za pomocą animacji CSS3.
#caption {
position: fixed;
bottom: 0;
left: 0;
font- ... Oto podobne demo: http://jsfiddle.net/jonathansampson/XxUXD / który używa text-indent, ale nadal z określonymi wartościami.
React-animacja montowania i odmontowywania pojedynczego komponentu
Coś tak prostego powinno być łatwo zrealizowane, a ja ciągnę za włosy nad tym, jak skomplikowane to jest.
Wszystko, co chcę ... ć również wysoka wydajność na wielu platformach.
Uderzyłem w mur. Jeśli coś mi umyka i jest na to łatwy sposób, daj mi znać.
Safari zmiana wagi czcionek podczas uruchamiania niepowiązanych animacji
Używam animacji css na mojej stronie i Safari wydaje się zmieniać niepowiązane wagi czcionek w innym miejscu na stronie, gdy ... a migającym nagłówku nie zastosowano przejść. Na Macu-więc to może być akceleracja sprzętowa, ale wciąż próbuję to rozgryźć.
Ciągła animacja rotacji CSS po najechaniu, animowana z powrotem do 0deg po najechaniu
Mam element, który obraca się, gdy unosisz się nad nim w nieskończoność. Po najechaniu kursorem animacja zatrzymuje się. Pros ... jąc do 0 stopni. Chciałbym wrócić do tej pozycji, ale mam pewne problemy z wypracowaniem składni.
Każdy wkład byłby świetny!
Zmiana: najedź kursorem na touch/click dla urządzeń mobilnych
Rozejrzałem się, ale nie mogę znaleźć tego, czego szukam.
Mam obecnie animację css na mojej stronie, która jest wyzwalana pr ... bkit-transition: height .4s ease-in-out;
-moz-transition: height .4s ease-in-out;
}
.info-slide:hover {
height:300px;
}
Jak zrobić płynną przerywaną animację rotacji obramowania jak "maszerujące mrówki"
Pracuję nad animacją css, która wykorzystuje "tryby i łańcuchy", ale nie jestem w stanie stworzyć "gładkiej" sekwencji obróce ... ało to tak, jakby bieg obracał łańcuch, ale teraz wyglądają jak całkowicie (i źle zrobione) animacje oddzielnych elementów
Napełnianie wodą
Próbuję uzyskać animację wytarcia, aby okrąg wyglądał tak, jakby wypełniał się wodą . Natknąłem się na dwa błędy i nie byłem ... >
</div>
Nadanie mu domyślnej pozycji maski jako@anpsmn sugerowane, nie powoduje resetowania go do czerni.
Czy istnieje możliwość animowania elipsy za pomocą animacji CSS?
Próbuję mieć animację elipsy i zastanawiam się, czy jest to możliwe z animacjami CSS...
Więc może być jak
Loading...
Loadi ... ing...
Loading..
I w zasadzie tak dalej. Jakieś pomysły?
Edit: tak: http://playground.magicrising.de/demo/ellipsis.html
Jak okno.scrollTo () z płynnym efektem [zamknięty]
Zamknięte . To pytanie wymaga szczegółów lub jasności . Obecnie nie przyjmuje odpowiedzi.
... n.addEventListener("click", function(){
window.scrollTo(0,200);
})
Ale chcę płynnego efektu przewijania. Jak to zrobić?
Odtwarzanie wielu animacji CSS w tym samym czasie
Jak mogę mieć dwie animacje CSS odtwarzające z różną prędkością?
obraz powinien obracać się i rosnąć w tym samym czasie. ... eX(2) scaleY(2);
}
}
Http://jsfiddle.net/Ugc5g/3388 / - odtwarzana jest tylko jedna animacja (ostatnia zadeklarowana).
Problem z animacją CSS Webkit - utrzymywanie stanu końcowego animacji? [duplikat]
to pytanie ma już odpowiedzi tutaj :
... ez tego wydaje się, że złożone animacje są używane tylko w procesach okrągłych, w których element wraca do pierwotnego stanu.
- 1
- 2