Voici votre URL de partage https://sharemycode.io/c/4af8a5c (Cliquer pour copier) (Copié)

Nom du fichier : KAEL

<!DOCTYPE html>

<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>details or not details</title>
        <style>
            div[class~="details-wrapper"] {
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                align-items: center;
            }

            div[class~="details-wrapper"] img {
                max-width: 400px;
            }

            details > summary {
                background-color: blueviolet;
                padding: 1.5rem;
                border-radius: 50%;
                margin-top: 1rem;
                cursor: pointer;
                font-weight: bold;
                color: #fff;
            }

            summary::-webkit-details-marker,
            summary::marker {
                display: none;
                content: "";
            }

            details > summary:after {
                border-radius: 15px;
                content: "+";
                float: left;
                font-size: 2rem;
                margin: -0.8rem 0.5rem 0 0;
                padding: 1px 0 3px 0;
                text-align: center;
            }

            details[open] > summary:after {
                content: "-";
            }
        </style>
    </head>

    <body>
        <div class="details-wrapper">
            <img 
                src="https://images.nrpyrenees.fr/api/v1/images/view/5fcb09dc8fe56f4db7070866/large/image.jpg?v=1"
                alt="dsk"
            >
            <details>
                <summary>
                    Coucou, tu veux voir ma...?
                </summary>

                <img 
                    src="https://www.cdiscount.com/pdt2/2/8/8/1/700x700/auc9831665486288/rw/lunettes-penis-rigolotes-bite-lunettes-de-soiree-n.jpg" 
                    alt="dsk's teub"
                >
            </details>            
        </div>        
    </body>
</html>

Informations

Cet extrait a été créé le 24 janv. 2023 à 17:52:04

Cet extrait expire le 23 févr. 2023 à 17:52:04

Langage : html

Logo html

Link

Voici votre URL de partage : https://sharemycode.io/c/4af8a5c Copié

Demander la suppression