premier jet animation header

This commit is contained in:
2024-07-09 14:21:47 +02:00
parent 3c6e013ff4
commit d2fbdb7c3c
7 changed files with 229 additions and 3 deletions

File diff suppressed because one or more lines are too long

View File

@ -1281,6 +1281,52 @@ footer {
top: 60px;
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated {
transform: scale(2);
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-blue {
animation-delay: 0.2s;
animation-name: blink;
animation-duration: 5s;
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-red {
animation-delay: 0.4s;
animation-name: blink;
animation-duration: 5s;
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black {
animation-delay: 0.6s;
animation-name: blink;
animation-duration: 5s;
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-black2 {
animation-delay: 0.8s;
animation-name: blink;
animation-duration: 5s;
}
@keyframes blink {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .consultation {
display: none;
animation-name: slideIn;
animation-delay: 1s;
animation-duration: 3s;
}
@keyframes slideIn {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(600px);
}
}
/*pages*/
#home .content_container #block-quartiers-de-demain-titredepage {
display: none;