Source

Rirọpo aworan

Yi ọrọ pada fun awọn aworan abẹlẹ pẹlu kilasi rirọpo aworan.

Ikilo

Kilasi ati mixin ti text-hide()jẹ idinku bi ti v4.1. Yoo yọkuro patapata ni v5.

Lo .text-hidekilasi naa tabi dapọ lati ṣe iranlọwọ lati rọpo akoonu ọrọ eroja kan pẹlu aworan abẹlẹ.

<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin
.heading {
  @include text-hide;
}

Lo .text-hidekilasi naa lati ṣetọju iraye si ati awọn anfani SEO ti awọn akọle akọle, ṣugbọn fẹ lati lo background-imagedipo ọrọ.

Bootstrap

<h1 class="text-hide" style="background-image: url('/docs/4.1/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>