0

Подскажите, пожалуйста, как в слове WHITE в каждой букве установить разную жирность.

Рисунок ниже:

введите сюда описание изображения

1
  • Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете. 23 фев в 16:31

2 ответа 2

5

Можно сделать так:

<p>
  <span style='font-weight: 900; color: rgb(0, 0, 0);'>W</span>
  <span style='font-weight: 700; color: rgb(43, 43, 43);'>H</span>
  <span style='font-weight: 500; color: rgb(104, 104, 104);'>I</span>
  <span style='font-weight: 400; color: rgb(165, 165, 165);'>T</span>
  <span style='font-weight: 100; color: rgb(201, 201, 201);'>E</span>
</p>

там все же больше идет эффект из за разницы цвета у букв, а не из за жирности шрифта

3
  • спасибо большое!
    – Ира
    23 фев в 16:38
  • @Ира, если ответ вам полезен и решает ваш вопрос, то можете отметить его, нажав соответствующую кнопку слева от него ))
    – ZxNuClear
    23 фев в 16:40
  • 1
    Вот кстати именно цвет и не нужно было делать, вместо него лучше использовать opacity, чтобы текст был более универсальным (то есть работал в большем кол-ве кейсов).
    – ΝNL993
    24 фев в 7:49
4

p {
    background: linear-gradient(90deg, #000 0, #cecece 80%, #fff 100%);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    display: inline-block;
}
<p>IMAGE</p>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.