CSS animacje przejście pomiędzy zdjęciami

Question

Siemka, mam pytanko dotyczące animacji w CSS. Chodzi mi o to że w momencie kiedy zmieniam zdjęcia (background: url("zdjecie");) jest taki jakby zanik zdjęcia, da się to usunąć? aby było momentalne przejscie pomiedzy zdjęciami? Bez tego zaniku?

Comments

Bawię się CSS'em i chciałem zrobić animacje poklatkową, i zrobiłem to tak:

@keyframes animacja{

0%{background: url("zdjecie1.png")}

1%{backgroun: url("zdjecie2.png")}

(..)

}

Ale przy każdej zmianie zdjęcia jest efekt zanikania i pojawiania się zdjęcia co powoduje migotaniu animacji i chciałbym coś na to zaradzić

Answer 1

W dużej części to zależy od tego jak napisałeś animację. Jak pokażesz kod to może coś da się wymyślić. W przeciwnym wypadku pozostanie użycie JS.

Comments

Zgadzam się z Jedras. Wklejenie kodu mogłoby pomóc

Ewentualnie:

• transition
• za duże zdjęcia
• powolny serwer na którym są zdjęcia
• źle dodana animacja

Answer 2

Albo musiałbyś na starcie załadować dwa zdjęcia(lub więcej, nie wiem co dokładnie kombinujesz) albo poczekać na załadowanie drugiego i wtedy podmienić.