/* Kontener, do ktorego przypiszesz te klase, uzyska efekt podnoszenia i opadania */ .animated-container { /* Ustawienia dla kontenera, mozesz dostosowac wedlug potrzeby */ position: relative; /* Wazne dla wlasciwego dzialania animacji */ overflow: hidden; /* Upewnij sie, ze nadmiar nie jest widoczny */ } /* Definicja kluczowych klatek animacji */ @keyframes liftDrop { 0% { transform: translateY(0); /* Poczatkowa pozycja */ } 50% { transform: translateY(-10px); /* Wysokosc podniesienia */ } 100% { transform: translateY(0); /* Powrot do poczatkowej pozycji */ } } /* Dodanie animacji do kontenera */ .animated-container { animation: liftDrop 1s ease-in-out infinite; /* Czas trwania animacji, sposob wygladzania i nieskonczona petla */ }