Une équipe bienveillante
Vestibulum morbi blandit cursus risus. Augue neque gravida in fermentum et sollicitudin ac orci phasellus.
Breast Ultrasound
- A wide array of benefits
- Certified Radiologists
Un équipement moderne
Vestibulum morbi blandit cursus risus. Augue neque gravida in fermentum et sollicitudin ac orci phasellus.
Advancing Medical
- Personalized Patient Care
- Cutting-edge Technology
Imageries
Vestibulum morbi blandit cursus risus. Augue neque gravida in fermentum et sollicitudin ac orci phasellus.
Technologies
- High resolution imaging
- AI-powered analysis
Effet Stacking Cards 3D
/* Variables CSS */
:root {
–space-sm: 0.75em;
–space-md: 2em;
–max-width: 800px;
–shadow: 0 25px 50px -12px rgba(0,0,0,0.15);
–transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Structure de base */
.stacking-section {
position: relative;
min-height: 300vh;
padding: var(–space-md) 0;
background: #f9f8f6;
}
/* Conteneur des cartes */
.stack-cards {
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
max-width: var(–max-width);
}
/* Cartes individuelles */
.stack-cards__item {
position: sticky;
top: var(–space-sm);
margin-bottom: var(–space-md);
background: white;
border-radius: 20px;
box-shadow: var(–shadow);
transition: var(–transition);
transform-origin: center top;
}
.card-content {
padding: var(–space-md);
}
/* Hiérarchie 3D */
.stack-cards__item:nth-child(1) {
z-index: 3;
transform: translateY(0) scale(1);
}
.stack-cards__item:nth-child(2) {
z-index: 2;
transform: translateY(40px) scale(0.95);
filter: blur(1px);
}
.stack-cards__item:nth-child(3) {
z-index: 1;
transform: translateY(80px) scale(0.9);
filter: blur(2px);
}
/* Éléments de contenu */
.stack-cards__item h3 {
color: #2d3748;
font-size: 2em;
margin-bottom: var(–space-sm);
}
.stack-cards__item img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 12px;
margin: var(–space-md) 0;
}
.wave {
display: block;
width: 100%;
height: 50px;
margin: var(–space-md) 0;
}
/* Responsive */
@media (max-width: 768px) {
.stack-cards__item {
padding: var(–space-sm);
}
.stack-cards__item h3 {
font-size: 1.5em;
}
}
-
Une équipe bienveillante
Vestibulum morbi blandit cursus risus…
Breast Ultrasound
- A wide array of benefits
- Certified Radiologists
-
Un équipement moderne
Vestibulum morbi blandit cursus risus…
Advancing Medical
- Personalized Patient Care
- Cutting-edge Technology
-
Imageries
Vestibulum morbi blandit cursus risus…
Technologies
- High resolution imaging
- AI-powered analysis
