medias · image

Image pleine largeur

Une image en plein cadre, sans texte ni carte autour. Pour une respiration visuelle entre deux sections.

Effets

Voir le code source 
<style>
.bn-full-image {
  margin: 0;
  background: #0B0F10;
  padding: 1rem;
}

.bn-full-image img {
  width: 100%;
  display: block;

  --fx-shadow: none;
  box-shadow: var(--fx-shadow);
  transition: box-shadow 0.3s ease;
}

.bn-full-image.fx-shadow img {
  --fx-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.7);
}

</style>

<figure class="bn-full-image" data-fx-root>
  <img src="https://placehold.co/1400x700" alt="Paysage brumeux entre montagnes" />
</figure>