Table of Contents

    Tests divers

    css du titre h1

    .jp011 {
    font-family: cursive;
    font-size: 48px;	
    background-image: url(https://xxx.fr/wp-content/xxx/pen-brushes.svg);
    }

    css du séparateur ci-dessus

    .wp-block-separator.jp012 {
    background-image: linear-gradient( -45deg, currentColor 25%, transparent 25%, transparent 50%, currentColor 50%, currentColor 75%, transparent 75%, transparent );
    background-size: 0.4rem 0.4rem;
    border: none;
    color: blue;
    display: block;
    height: 1rem;
    image-rendering: pixelated;
    width: 20% !important;	
    margin-left: 0px !important;	
    }

    css du séparateur ci-dessus

    .wp-block-separator.jp013 {
    background-image: linear-gradient( -45deg, currentColor 25%, transparent 25%, transparent 50%, currentColor 50%, currentColor 75%, transparent 75%, transparent );
    background-size: 0.4rem 0.4rem;
    border: none;
    color: violet;
    display: block;
    height: 0.5rem;
    image-rendering: pixelated;
    width: 100% !important;	
    margin-left: 0px !important;	
    }

    Test image avec un effet ‘scotch en haut’

    css de l’encadrement de l’image avec un effet ‘scotch en haut’ ci-dessus

    .wp-block-image.jp-style-scotch-tape {
    position: relative;
    overflow: visible;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba( 0, 0, 0, 0.3 ), 0 0 4rem rgba( 255, 255, 235, 0.5 ) inset;
    }
    
    .wp-block-image.jp-style-scotch-tape::before {
    content: "";
    display: block;
    position: absolute;
    width: 7rem;
    height: 2rem;
    margin: auto auto auto -3.5rem;
    z-index: 1;
    left: 50%;
    top: -0.5rem;
    background: rgba( 255, 255, 235, 0.5 );
    box-shadow: 0 4px 10px 0 rgba( 0, 0, 0, 0.3 );
    }

    Info-Gate

    Site de test WP5.9.x, FSE, TT2 et Gutenberg

    Test Patterns/cover-with-gradient-effect

    Birds

    Sed gravida ornare vestibulum turpis quam urna aliquam in feugiat lorem dolor pulvinar a, scelerisque amet ultrices consectetur magna sit.