Logowanie

Animacje w JS

pytanie zadane 7 października 2019 w JavaScript przez veryape Użytkownik (580 p.)

Chciałbym stworzyć animację na zasadzie, tego, że przy włączaniu strony z centralnego punktu rozchodzą się płynnie obiekty na ustawione wcześniej pozycje, taki rozbryzg jakby, i teraz nie mam pojęcia jak się za to zabrać i czy do samego ustawienia obiektów (są one porozrzucane) dobry będzie grid czy znacie może jakąś lepszą metodę?

1 odpowiedź

odpowiedź 8 października 2019 przez antypop Mądrala (5,730 p.)

Coś takiego ?

<!DOCTYPE html>
<head>
    <style>
        .box {
            position: absolute;
            width: 300px;
            height: 300px;
        }

        .box_box1 {
            background: #000;
            top: 450px;
            left: 300px;
            animation-name: box_box1--animation;
            animation-duration: 1s;
        }
        @keyframes box_box1--animation {
            from { top : 0; left : 0;}
            to { top: 450px; left: 300px; }
        }
        .box_box2 {
            background: #ff0000;
            top: 50px;
            left: 100px;
            animation-name: box_box2--animation;
            animation-duration: 1s;
        }
        @keyframes box_box2--animation {
            from { top : 0; left : 0;}
            to { top: 50px; left: 100px; }
        }
        .box_box3 {
            background: #008800;
            top: 10px;
            left: 600px;
            animation-name: box_box3--animation;
            animation-duration: 1s;
        }
        @keyframes box_box3--animation {
            from { top : 0; left : 0;}
            to { top: 10px; left: 600px; }
        }
    </style>
</head>
<body>
    
    <div class="box box_box1"></div>
    <div class="box box_box2"></div>
    <div class="box box_box3"></div>

</body>
</html>

Podobne pytania

0 głosów

1 odpowiedź 387 wizyt

Animacje JS bez użycia processing.js

pytanie zadane 1 listopada 2016 w JavaScript przez marioosu Dyskutant (9,260 p.)

+2 głosów

4 odpowiedzi 1,033 wizyt

Efekty do filmu

pytanie zadane 9 kwietnia 2015 w Offtop przez Kimi Bywalec (2,050 p.)

0 głosów

1 odpowiedź 84 wizyt

Dlaczego moje animacje tracą synchronizację?

pytanie zadane 23 sierpnia 2023 w JavaScript przez AgentTecza Obywatel (1,810 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Animacje w JS

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci