logo

Image avec bordure et background

AccueilBulmaIntégration BulmaImage avec bordure et background

Html

<div class="column is-6 about-us">
    <img src="http://ary-themes.com/html/bold_touch/wooder/images/resource/about-us.jpg" class="img-aboutus" alt="">
    <img src="http://ary-themes.com/html/bold_touch/wooder/images/icons/pattern.png" class="img-aboutus-bg" alt="">
</div>

Css

.img-aboutus {
    border: 10px solid white;
    box-shadow: 0 0 10px 0 #dbdbdb;
}

.img-aboutus-bg {
    position: absolute;
    z-index: -1;
    top: 20%;
    right: -20px;
}

.about-us {
    position: relative;
}

Une idée ? Partagez-la !

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