Faire pulser le bandeau d'annonce 3 fois au chargement de la page.

stylessoyezcreateurs.css.html

@@ -257,6 +257,45 @@ a#logo { display: block; clear: right; margin-left: 80px; }
 
 /* bandeau d'annonce et citations dans le header */
 #bandeau_annonce, #cita_bandeau { padding: .5em 1em; text-align: center; font-size:2em; }
+#bandeau_annonce {
+	background-color: #GET{c_header_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceheader,1}|!={1}|oui)background-color: rgba([(#GET{c_header_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceheader,1});] color: #GET{c_header}; 
+	animation: fadein 5s;
+    transform-origin:50% 50%;
+    animation-iteration-count: 3;
+    animation-timing-function: linear;
+    -moz-animation: fadein 5s; /* Firefox */
+    -moz-transform-origin:50% 50%;
+    -moz-animation-iteration-count: 3;
+    -moz-animation-timing-function: linear;
+    -webkit-animation: fadein 5s; /* Safari and Chrome */
+    -webkit-transform-origin:50% 50%;
+    -webkit-animation-iteration-count: 3;
+    -webkit-animation-timing-function: linear;
+    -o-animation: fadein 2s; /* Opera */
+    -o-transform-origin:50% 50%;
+    -o-animation-iteration-count: 3;
+    -o-animation-timing-function: linear;
+}
+@keyframes fadein {
+    0% { background-color: #FA8; }
+    50% { background-color: #GET{c_header_bk}; }
+    100% { background-color: #FA8; }
+}
+@-moz-keyframes fadein { /* Firefox */
+    0% { background-color: #FA8; }
+    50% { background-color: #GET{c_header_bk}; }
+    100% { background-color: #FA8; }
+}
+@-webkit-keyframes fadein { /* Safari and Chrome */
+    0% { background-color: #FA8; }
+    50% { background-color: #GET{c_header_bk}; }
+    100% { background-color: #FA8; }
+}
+@-o-keyframes fadein { /* Opera */
+    0% { background-color: #FA8; }
+    50% { background-color: #GET{c_header_bk}; }
+    100% { background-color: #FA8; }
+}
 #cita_bandeau #citations { margin: 0 10px; }
 #cita_bandeau #citations dl { margin: 0; }