.card-left {
left: 0;
top: 0;
z-index: 2;
animation: floatLeft 5.5s ease-in-out infinite;
}
.card-center {
left: 50%;
top: 42px;
transform: translateX(-50%);
z-index: 3;
width: 300px;
animation: floatCenter 6.5s ease-in-out infinite;
}
.card-right {
right: 0;
top: 0;
z-index: 2;
animation: floatRight 5.8s ease-in-out infinite;
}
@keyframes floatLeft {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
}
@keyframes floatCenter {
0%, 100% {
transform: translateX(-50%) translateY(0);
}
50% {
transform: translateX(-50%) translateY(16px);
}
}
@keyframes floatRight {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.card:hover {
box-shadow: 0 20px 45px rgba(0,0,0,0.16);
}
.card-left:hover,
.card-right:hover {
transform: translateY(-20px) scale(1.02);
}
.card-center:hover {
transform: translateX(-50%) translateY(-6px) scale(1.02);
}
top of page
Il n'y a aucun article à afficher pour le moment.
bottom of page
