Opacity animacja

PR
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 4 lata
  • Lokalizacja:Poland
  • Postów:266
0

witam, w jaki sposób mogę zrobić animacje opacity:
przykładowo od początku jest opacity 1 po paru sekundach zmienia się na opacity 2 na np 5 sekund potem to wraca to opacity 1 i tak w kółko.

Kopiuj
$(document.body).animate({ opacity: 1/2 }, 10000);

mam coś takiego ale to tylko działa w jedną stronę, opacity wlacza sie ale juz nie wraca z powrotem do tego co bylo.

edytowany 1x, ostatnio: Programistyczny
mr_jaro
  • Rejestracja:prawie 14 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Grudziądz/Bydgoszcz
  • Postów:5300
1

zrób to na css a jeśli chcesz mieć możliwość włączenia i wyłączenia tej animacji to przypisz ją do klasy i tę klasę dodawaj i usuwaj za pomocą js.


It's All About the Game.
LI
  • Rejestracja:ponad 11 lat
  • Ostatnio:ponad 3 lata
  • Postów:518
1

Tak jak @mr_jaro napisał lepiej jest użyć CSS-a.

Kod który opisałeś powinien zająć 15-30 minut. Jeśli piszesz animację w CSS pierwszy raz w życiu. Powiedziałabym że około 3-5h.

To co opisałeś można zrobić w CSS w bardzo łatwy sposób i co więcej jest to wykonalne. Więc jeśli zastanawiasz się czy można uzyskać taki efekt który opisałeś - tak można.

Widziałam trochę Twoich tematów i fajnie jakbyś się otworzył też na inne rozwiązania niż JQUERY ponieważ to nie zawsze będzie najoptymalniejsze i im więcej metod znasz jak coś zrobić tym lepiej możesz dobierać metodę do problemu.


Life is Strange
edytowany 2x, ostatnio: lightinside

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.