c
ору над узбеком
над собой ?
Size: a a a
2020 March 30
E
Вот так. Только проблема с позиционированием изображением из блока div class=block-bottom-blur
Это точно блюр ?, градиентом можно сделать такое
V🦖
Это точно блюр ?, градиентом можно сделать такое
Параллаксом
П
Парни, привет. Помогите пожалуйста. Мне нужно заблюрить нижнюю часть блока. Я делаю так:
А что мне нужно написать в
Чтобы получилась такая иконка, где нижняя часть изображения в блюре?
<div className={"block"}>
<div className={"block-background"}>
<img src={this.state.blockBackground}/>
</div>
<div className={"block-bottom-blur"}>
<img src={this.state.blockBackground}/>
</div>
</div>
.block {
width: 250px;
height: 250px;
display: flex;
position: relative;
overflow: hidden;
}.block-background {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
А что мне нужно написать в
.block-bottom-blur {
}Чтобы получилась такая иконка, где нижняя часть изображения в блюре?
Хм
П
Попробуй что-то типа
П
filter: blur(5px);
П
backdrop-filter: blur(5px);
П
Но это раньше не работало в FF
П
И мы на проекте пилили велосипеды с iframe и блюр на фрейм
А
Help
нужно растянуть canvas на 50vh и width:auto
ширина канваса может быть больше ширины экрана (на планшетах)
но сафари не поддерживает "auto" как можно это обойти?
нужно растянуть canvas на 50vh и width:auto
ширина канваса может быть больше ширины экрана (на планшетах)
но сафари не поддерживает "auto" как можно это обойти?
П
Артём
Help
нужно растянуть canvas на 50vh и width:auto
ширина канваса может быть больше ширины экрана (на планшетах)
но сафари не поддерживает "auto" как можно это обойти?
нужно растянуть canvas на 50vh и width:auto
ширина канваса может быть больше ширины экрана (на планшетах)
но сафари не поддерживает "auto" как можно это обойти?
Менять ширину ручками
А
а варианты без js?
П
Никак
П
Канвас вообще не должен менять свою ширину, вы потом настрадаетесь
П
В идеале у него должна быть фиксированная ширина и высота
П
Ищите другое решение, зачастую канвас можно на изи сменить на svg
П
Или пишите жсом
А
но это будет тупо выглядеть
П
Там скриптик написать - минут 5 потратить
П
Добавить к нему тротл или debounce