Estudiantes
7 junio, 2023
Menu
Menu
Menu
Menu
/* Contenedor del botón flotante */
.floating-image-btn-container {
position: fixed;
bottom: 95px; /* Ubicado justo arriba del botón de WhatsApp */
right: 25px; /* Esquina inferior derecha */
z-index: 99999;
}
/* Estilos del enlace y la imagen original */
.floating-image-btn {
display: block;
width: 140px; /* Ancho del botón (ajústalo según lo grande que lo desees) */
height: auto; /* Mantiene la proporción original de la imagen */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-radius: 10px; /* Esquinas ligeramente redondeadas (cámbialo a 0px si la quieres completamente cuadrada) */
overflow: hidden;
}
.floating-image-btn img {
width: 100%;
height: auto;
display: block;
}
/* Efecto al pasar el cursor */
.floating-image-btn:hover {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
.floating-image-btn-container {
bottom: 85px;
right: 15px;
}
.floating-image-btn {
width: 110px; /* Tamaño adaptado para celulares */
}
}
