<script>
/* VARIABLES À MODIFIER */
- var couleur = "#222221"; // Couleur de la typo
+ var couleur = "#019BB3"; // Couleur de la typo
- var delay = 4; // Délai avant de démarrer l'animation
+ var delay = 3; // Délai avant de démarrer l'animation
- var value = 6; // Valeur à afficher
+ var value = 10; // Valeur à afficher
var startvalue = 0; // Valeur de départ
var separatordecimal = ','; // séparateur de décimales
- var animationtime = 4; // durée de l'animation
+ var animationtime = 3; // durée de l'animation
- var alignement = "left"; // permet de définir l'alignement du texte, 3 valeurs possible : left, right, center
+ var alignement = "right"; // permet de définir l'alignement du texte, 3 valeurs possible : left, right, center
var letterspace = "-2px"; // Définit l'espace entre les lettres
- var BackgroundColor = "white"; // Définit la couleur du fond
+ var BackgroundColor = "transparent"; // Définit la couleur du fond
/* FIN DES VARIABLES À MODIFIER */
</script>
<script>
var id = document.getElementById("number");
- resize();
+ resize();
var hidden = 0;
var visible = 1;
var dureeOpacite = delay * 1000;
-
+
if (delay > 0){
id.style.opacity = hidden;
setTimeout(function () {
<div class="item">
<span id="number" class="number">31</span>
- <p class="desc description1">SEARCHED FOR<br>
- THE LATEST<br>RAY-BAN MODEL</p>
+ <p class="desc description1">ONT CHERCHÉ<br>
+ LE DERNIER MODÈLE<br>DE RAY-BAN</p>
<div class="trait line1"></div>
<div class="circle circle1"></div>
</div>
<div class="item">
<span class="number" id="number2">78</span>
- <p class="desc description2">FOUND<br>
- THE PAGE 7<br>INTERESTING</p>
+ <p class="desc description2">ONT TROUVÉ<br>
+ LA PAGE 7<br>INTÉRESSANTE</p>
<div class="trait line2"></div>
<div class="circle circle2"></div>
</div>
<div class="item">
<span class="number" id="number3">23</span>
- <p class="desc description3">SHARED THE<br>
- ARTICLE ON<br>CATS</p>
+ <p class="desc description3">ONT PARTAGÉ<br>
+ L'ARTICLE SUR<br>LES CHATS</p>
<div class="trait line3"></div>
<div class="circle circle3"></div>
</div>
<div class="item">
<span class="number" id="number4">46</span>
- <p class="desc description4">LOVED THE<br>
- ARTICLE ON<br>PLANTS</p>
+ <p class="desc description4">ONT AIMÉ<br>
+ L'ARTICLE SUR<br>LES PLANTES</p>
<div class="trait line4"></div>
<div class="circle circle4"></div>
</div>
font-family: "typo";
position: absolute;
top: 161px;
- left: 671px;
+ left: 678px;
}
#number4:after{
content: "%";