Bujające się bombki

Dodano: Grudzień 23 2018

Zauważyliście bombki w prawym górnym rogu? To właśnie wasze zadanie na dziś.

Do zrobienia są bombki animowane w CSS. Prosta sprawa, przyczepione do górnej krawędzi strony, bujają się lekko w prawo i lewo. Pytania? 

  • Position: fixad - przyczepi bąbkę do strony kiedy ta będzie się przewijać
  • animation: bujakaAnimate 5s infinite; - wywołanie animacji typu @keyframes o czasie 5s nieskończoną ilość razy
  • transform: rotate(5deg); - bujnięcie bombką
  • Środek obrotu należy przesunąć w połowie wysokości diva!
  • Ujemny top sprawi że stosując rotate uzyskamy efekt 'bujania'
Serwis korzysta z plików cookies w celu świadczenia spersonalizowanych usług na najwyższym poziomie, w tym usług statystycznych oraz w celu dostosowania zawartości do indywidualnych preferencji Użytkowników, zgodnie z Polityką Plików Cookies. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.