Mémo et Astuces CSS

#demo1 .gradient {
        background-image: linear-gradient(0deg, #006, #99f 60%);
        background-clip:text;
        -webkit-background-clip:text;
        color:transparent;
    }

#demo3 .demo {
        color: white;
        background-image: linear-gradient(0deg, green, yellow);
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;      
    }

#demo4 .demo {
        background-image: url(https://picsum.photos/800/300);
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
    }

#demo5 .demo {
    display:grid;
    place-items:center;
}
#demo5 .demo > * {
    grid-column:1;
    grid-row:1;
}
#demo5 .demo > p {
    z-index:1;
    align-self: end;
}