.bolla1 { animation: fluttuazione 10s linear infinite; } @keyframes fluttuazione { 0% { transform: translateX(0px) translateY(0px);} 25% { transform: translateX(8px) translateY(-12px);} 50% { transform: translateX(0px) translateY(-20px);} 75% { transform: translateX(-8px) translateY(-12px);} 100% { transform: translateX(0px) translateY(0px);} } .bolla2 { animation: fluttuazione2 8s linear infinite; } @keyframes fluttuazione2 { 0% { transform: translateX(0px) translateY(0px);} 20% { transform: translateX(-7px) translateY(-15px);} 50% { transform: translateX(-12px) translateY(-26px);} 75% { transform: translateX(6px) translateY(-13px);} 100% { transform: translateX(0px) translateY(0px);} } .bolla3 { animation: fluttuazione3 7s linear infinite; } @keyframes fluttuazione3 { 0% { transform: translateX(0px) translateY(0px);} 30% { transform: translateX(10px) translateY(-18px);} 60% { transform: translateX(-6px) translateY(-24px);} 80% { transform: translateX(-12px) translateY(-5px);} 100% { transform: translateX(0px) translateY(0px);} } .bolla4 { animation: fluttuazione4 9s linear infinite; } @keyframes fluttuazione4 { 0% { transform: translateX(0px) translateY(0px);} 22% { transform: translateX(7px) translateY(-9px);} 44% { transform: translateX(13px) translateY(-17px);} 65% { transform: translateX(-9px) translateY(-20px);} 100% { transform: translateX(0px) translateY(0px);} } .bolla5 { animation: fluttuazione5 9s linear infinite; } @keyframes fluttuazione5 { 0% { transform: translateX(0px) translateY(0px);} 20% { transform: translateX(-12px) translateY(-10px);} 45% { transform: translateX(8px) translateY(-24px);} 70% { transform: translateX(10px) translateY(-8px);} 100% { transform: translateX(0px) translateY(0px);} }