snowonline@snowonline.com WhatsApp
COMPRAR AGORA

Login

Sign Up

After creating an account, you'll be able to track your payment status, track the confirmation and you can also rate the tour after you finished the tour.
Username*
Password*
Confirm Password*
First Name*
Last Name*
Birth Date*
Email*
Phone*
Country*
* Creating an account means you're okay with our Terms of Service and Privacy Statement.
Please agree to all the terms and conditions before proceeding to the next step

Already a member?

Login
snowonline@snowonline.com WhatsApp
COMPRAR AGORA

Tag

skiing

visitar beaver creek

9 razões para visitar Beaver Creek

, , , , , , , , , , ,
Você precisa de 9 razões para visitar Beaver Creek? Nosso post vai te mostrar o porquê: Por Camila Macedo – Gerente de Produtos Snowonline   Se os corredores da Copa do Mundo se referem a Beaver Creek como seu lugar favorito para competir, talvez haja algo que você deve saber quando planeja uma viagem de...

PROMOÇÕES

promoção hotel termas de chillán 2021

[CHILE] 15% OFF Hotel Termas Chillán 5*

EARLY BOOKINGS 2025 - AMÉRICA DO SUL
A partir de1,215

[CHILE] Portillo 2025 pagando preço de 2024

EARLY BOOKINGS 2025 - AMÉRICA DO SUL
A partir de1,876
early booking corralco 2021

[CHILE] Até 40% OFF Corralco 2025

EARLY BOOKINGS 2025 - AMÉRICA DO SUL
A partir de792

[EUROPA] Ski Week Alpe d’Huez – Viagem Neve

TEMPORADA 2025 - EUROPA
A partir de1,009

[EUA] Ski Week Mammoth 2025 California

EARLY BOOKINGS- AMÉRICA DO NORTE
A partir de849

Proceed Booking

document.addEventListener("DOMContentLoaded", function () { const targetPercentage = 8; // Percentual final const animationDuration = 1200; // Duração total da animação do círculo (1200ms) const skillCircle = document.getElementById('skillCircle'); const skillPercentage = document.getElementById('skillPercentage'); const skillCaption = document.getElementById('skillCaption'); let startTime; function animateSkillCircle(timestamp) { if (!startTime) startTime = timestamp; const elapsedTime = timestamp - startTime; // Calcula o progresso com easing manual const progress = Math.min(elapsedTime / animationDuration, 1); // De 0 a 1 const easedProgress = easeOutQuad(progress); // Aplicar easing const currentPercentage = easedProgress * targetPercentage; // Atualiza o gradiente do círculo skillCircle.style.background = `conic-gradient( #81d742 ${currentPercentage}%, #dcdcdc ${currentPercentage}% )`; // Atualiza a opacidade do texto (termina antes do círculo) if (progress >= 0.5) { skillPercentage.style.opacity = 1; // Aparece mais rápido skillCaption.style.opacity = 1; // Aparece mais rápido } else { skillPercentage.style.opacity = easedProgress * 2; // Ajuste para acelerar skillCaption.style.opacity = easedProgress * 2; // Ajuste para acelerar } // Continua a animação se não completou if (progress < 1) { requestAnimationFrame(animateSkillCircle); } } // Função de easing personalizada (ease-out quadrático) function easeOutQuad(t) { return t * (2 - t); // Acelera no início e desacelera no final } // Inicia a animação requestAnimationFrame(animateSkillCircle); });