Radar Meteorológico
Acompanhe, em tempo real, as imagens dos radares meteorológicos da Funceme. Nesta página, você pode visualizar a formação, intensidade e deslocamento das chuvas em todas as macrorregiões do Ceará.
const hoje = new Date().toISOString().split(‘T’)[0];
document.getElementById(“radar”).innerHTML =
“;
.card-animado {
max-width: 400px;
margin: 60px auto;
padding: 30px;
border-radius: 16px;
background: linear-gradient(135deg, #0066ff, #00c6ff);
color: white;
text-align: center;
font-family: Arial, sans-serif;
box-shadow: 0 15px 35px rgba(0,0,0,0.2);
transform: translateY(40px);
opacity: 0;
animation: entradaSuave 1s ease-out forwards;
}
.card-animado h2 {
margin-bottom: 15px;
}
.card-animado p {
font-size: 16px;
margin-bottom: 20px;
}
.card-animado button {
background: white;
color: #0066ff;
border: none;
padding: 10px 20px;
border-radius: 30px;
cursor: pointer;
font-weight: bold;
transition: all 0.3s ease;
}
.card-animado button:hover {
background: #003366;
color: white;
transform: scale(1.05);
}
@keyframes entradaSuave {
to {
transform: translateY(0);
opacity: 1;
}
}
Radar Funceme
body {
margin: 0;
padding: 0;
background-color: #f4f6f8;
font-family: Arial, Helvetica, sans-serif;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
h1 {
text-align: center;
margin-bottom: 20px;
}
iframe {
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
#radar {
max-width: 1200px !important;
}
🚀 Estamos evoluindo!
Testando animações em HTML dentro do WordPress.
fgjdfgjfdgj
Radar Meteorológico – Ceará