Не работают параметры CSS?

Question

[johnerd]

Суть в том что картинка не задается по параметрам, сильно не ругайтесь, 3 дня опыта всего лишь

Comments

[FeST1VaL]

какие параметры, более точнее опиши проблему

[johnerd]

Артем Будин, .header

[Ankhena]

Что из этого картинка? Голубая полоска это градиент (можно псевдоэлементом)

Ваш код оформите в песочницу jsfiddle.net (не нужно регистрироваться) или codepen.io

[FeST1VaL]

johnerd, ничего это мне не дало. Что вы хотите сделать в итоге?

[johnerd]

Артем Будин, нужно голуб полоску расположить вместе с текстом, и растянуть вправо

[FeST1VaL]

johnerd, что подразумевается под растянуть вправо?) вы можете дать классу intro свойство background-color. Для такой линии не надо использовать картинку.
ну примерно так?

https://jsfiddle.net/fest1val/eyracmpL/

[johnerd]

Артем Будин, да, спасибо, а как можно прозрачность добавить?

[johnerd]

JSFddle: https://jsfiddle.net/3Lyuc5j6/6/

[mipfikus]

Отправляйте код текстом, а не картинкой. Еще лучше оформлять в песочнице - codepen.io или jsfiddle.net

[johnerd]

mipfikus, там пнг файлы, есть ли смысл код в песочницу писать?

[mipfikus]

johnerd, ну хотя бы текстом вставьте

[FeST1VaL]

johnerd, opacity или указывать цвет в rgba

Answer 1

[Ankhena]

Чтобы граница была четкая, числа в точках перехода должны быть одинаковыми.
https://jsfiddle.net/dtw958ha/

<header class="header">
  <h1>LeoImage</h1>
</header>

body {
  margin: 0;
}

.header {
  background: linear-gradient(to bottom, transparent 45%, deepskyblue 55%);
}
h1 {
  max-width: 500px;
  margin: auto;
}

Answer 2

[mipfikus]

Уберите у .header max-height: 26 px; и посмотрите что станет

Comments

[johnerd]

[mipfikus]

johnerd, сейчас заметил, у вас скобочка после .header не открыта. Что это за синий прямоугольник?

[johnerd]

mipfikus, открыл, не помогло