Créer des ombres en CSS avec box-shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus massa a dolor venenatis rutrum. Suspendisse vitae dapibus mi. Maecenas semper luctus ex non tristique. Nunc faucibus a augue a euismod. Phasellus rutrum posuere viverra. Proin laoreet nunc mauris, in pulvinar metus euismod sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed iaculis erat. Ut vel elit tortor. Sed pulvinar magna eu mauris rhoncus, dapibus porttitor nisl ultricies. In nec gravida mi, in tincidunt ipsum. Suspendisse dapibus velit et volutpat volutpat. Pellentesque faucibus, odio vitae mollis consectetur, justo neque hendrerit ante, non dignissim diam metus non elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum egestas rhoncus ante. Vestibulum cursus massa sit amet malesuada faucibus.

This is an H2 Title

Donec ligula orci, vehicula nec nisi nec, aliquet sagittis nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nulla eros, ultrices ut euismod in, facilisis et libero. Fusce malesuada eleifend felis, eget fringilla nisl rhoncus sed. Vestibulum lacinia sed lectus sit amet iaculis. Nunc tempus ipsum non orci auctor, et bibendum lorem mollis. Vestibulum porta velit vitae mi cursus, a ultricies lacus congue. Sed gravida at elit at rhoncus. Duis feugiat eget nisl vitae eleifend. Proin faucibus est magna, convallis semper lectus venenatis vitae.

This is an H3 Title

Quisque cursus diam sit amet sapien aliquet, a tempus risus gravida. Curabitur quis mauris sit amet magna semper placerat nec interdum ex. Nulla quis lobortis dui, a convallis lectus. Fusce lacus urna, vulputate eu lectus sed, dignissim condimentum nibh. In finibus volutpat massa non lobortis. Curabitur nec metus nunc. Maecenas cursus vehicula libero a lobortis. Nulla maximus quis dolor vel aliquet. Praesent sit amet cursus odio, vel commodo nisl. Integer lacinia lacus at vehicula mollis. Donec erat tellus, fringilla eu dolor sit amet, congue venenatis lacus. Nullam eget laoreet nisi.

Le code HTML

<div class="text-center mb-4">
    <?php echo get_avatar( get_the_author_meta('email'), '128', $default='', $alt='', array( 'class' => array( 'img-circle' ) ) ); ?>
    <h1 class="my-3"><?php the_author(); ?></h1>
    <p class="lead"><?php the_author_meta('description'); ?></p>
    <hr class="my-4">
</div>

Le code CSS

/* ICONS */
span.icon:before {font-family: "Material Icons Outlined";}
span.icon-25:before {font-size: 2.5rem}
span.icon-user:before {content: "\e853"}

2 commentaires pour “Créer des ombres en CSS avec box-shadow”

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Fermer
Fermer

Panier

Votre panier est vide.