Size: a a a

CSS — русскоговорящее сообщество

2020 April 23

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Dezmunt
А если рандом картинка прилетает,? Или адаптивная верстка?
Для примера: блок 50vh, картинка width:100% и height: auto
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
А для позиционирования background-size/position
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
И медиа запросы для коррекции на устройствах
источник

D

Dezmunt in CSS — русскоговорящее сообщество
Timur Zhumashev
Для примера: блок 50vh, картинка width:100% и height: auto
Тут может куча пустого места остаться если картинка широкая и узкая.
источник

D

Dezmunt in CSS — русскоговорящее сообщество
Не охото было медиа запросы делать, думал вдруг есть бест практикс, ну ладно(
источник

m

mazya in CSS — русскоговорящее сообщество
Если у меня фон блоку задан как background-image, я могу поменять этому изображению прозрачность или сделать размытие? Есть способы без костылей?
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
mazya
Если у меня фон блоку задан как background-image, я могу поменять этому изображению прозрачность или сделать размытие? Есть способы без костылей?
Попробуй) есть такая тема как filter, поддержку браузерами не помню, но посмотри. Либо можно через псевдоэдемент Сделать прозрачность
источник

m

mazya in CSS — русскоговорящее сообщество
Точно, можно фон в псевдо кинуть и его уже мылить
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Dezmunt
Тут может куча пустого места остаться если картинка широкая и узкая.
Логики в этом нету, если честно. Пустое пространство решается cover’ом
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
mazya
Точно, можно фон в псевдо кинуть и его уже мылить
Прозрачность в псевдо, а фон в стили обычные
источник

m

mazya in CSS — русскоговорящее сообщество
спасибо
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
В если этим бек изображением нужно управлять, можно его в инлайн стили или в data засунуть и уже обрабатывать как удобно
источник

m

mazya in CSS — русскоговорящее сообщество
Окей, а как можно теперь избежать замыливания границы, чтобы на само изображение не тянулся синий цвет? ._,
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
mazya
Окей, а как можно теперь избежать замыливания границы, чтобы на само изображение не тянулся синий цвет? ._,
У тебя какой внутренний бордер у блока?
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Какой-то*?
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Я либо твоей задачи не понял, либо ты что-то сделал не правильно
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Потому что псевдо на блок накладывается без каких-либо границ
источник

m

mazya in CSS — русскоговорящее сообщество
Внутри бордера нет, разве что *, :after, :before { box-sizing: border-box}
источник

V

Vitaliy in CSS — русскоговорящее сообщество
Доброе утро, подскажите пожалуйста мне надо задать картинку которая будет автоматом подстраиватся под остаток ширины блока и желательно чтобы высота тоже пропорционально считалась, это можно достичь только css или необходимо обязательно задавать высоту?
источник

V

Vitaliy in CSS — русскоговорящее сообщество
источник