• Par Morticia Gray dans Images gothiques le 16 Janvier 2016 à 22:28

    « »

  • Commentaires

    2
    FlorenceMarquise Profil de FlorenceMarquise
    Mercredi 2 Septembre 2020 à 09:22
    FlorenceMarquise

    Bonjour chère Aurélie,

    Superbe image, je ne l'avais pas encore vu !

    J'espère que tu vas bien ? Fernand et moi ça va.

    Il fait beau et frais le matin, 21 degrés prévus pour cet après-midi cela nous convient. 

    J'ai changé le fond de mes articles car l'écriture blanche me fait mal aux yeux à force (je passe du temps sur mes articles, j'en programme d'avance), j'ai remis l'écriture noire.J'adore le fond rouge que j'ai mis pour le menu et les commentaires, un peu marre du fond noir ! Après tout, mon blog n'est pas 100% gothique mais varié car je met tout ce que j'aime. 

    Passes une bonne journée 

    Gros bisous

    Florence

     

    Répondre
    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    1
    kathyloups Profil de kathyloups
    Lundi 22 Février 2016 à 01:16
    kathyloups

    Je passe te souhaité une bonne et douce nuit et je t'envois des tonnes de gros bisous mon ptit loups 

    prend soin de toi et ta famille 

    Répondre
    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter

body { margin: 0; overflow: hidden; background-color: #000; /* Arrière-plan noir */ } .rose { position: absolute; bottom: 100%; width: 50px; height: 50px; background-image: url('chemin/vers/rose-noire.png'); /* Remplace avec le chemin vers ton image de rose noire */ background-size: contain; background-repeat: no-repeat; animation: tomber 5s infinite linear; /* Animation de chute */ } @keyframes tomber { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(100vh); /* Fait tomber jusqu'en bas de l'écran */ opacity: 0; /* Fait disparaître la rose */ } } /* Ajoute un délai aléatoire et des positions de départ */ .rose:nth-child(1) { left: 10%; animation-delay: 0s; } .rose:nth-child(2) { left: 30%; animation-delay: 1s; } .rose:nth-child(3) { left: 50%; animation-delay: 2s; } .rose:nth-child(4) { left: 70%; animation-delay: 1.5s; } .rose:nth-child(5) { left: 90%; animation-delay: 3s; }