АГ
Инфа 20% что заработает с первого раза)
Size: a a a
2020 September 30
С
Это понятно, не подскажите, как загуглить название таких "фильтров", или найти схожие примеры?
MV
можно сделать враппер с позишн релативе
В него поместить картинку и дивку
Дивку сделать позишн абсолуте
Топ 0
Лефт 0
Видтх 100%
Хеигхт: 100%
А затем этой дивке назначить
Background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.8))
Эффект дымки это кажется filter: blur(15px);
Если надо ещё какието эффекты аля инстаграм, то подойжёт свойство mix-blend-mode
Это всё надо применять к дивке
В него поместить картинку и дивку
Дивку сделать позишн абсолуте
Топ 0
Лефт 0
Видтх 100%
Хеигхт: 100%
А затем этой дивке назначить
Background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.8))
Эффект дымки это кажется filter: blur(15px);
Если надо ещё какието эффекты аля инстаграм, то подойжёт свойство mix-blend-mode
Это всё надо применять к дивке
спасибо! буду пробовать!
AU
вопрос, есть ли какой то простой способ тексту сделать такой бордер??
С
Alex UA
вопрос, есть ли какой то простой способ тексту сделать такой бордер??
text-shadow
AU
Санжар
text-shadow
о сенк
С
Alex UA
вопрос, есть ли какой то простой способ тексту сделать такой бордер??
VO
здраствуйте господа, хочу блок этот красить в цвет при фокусе инпута, подскажите ,кто шарит в material-ui, как правильно это сделать.
MV
Примерно такое. https://jsbin.com/kituziq/1/edit?html,css,output
да, то что нужно) буду теперь под себя костылизироать)
B
Подскажите пожалуйста, реально ли без js сделать такое поведение:
Обычное окно чата(как в телеге скажем).
Главная область окна - сами сообщения
Внизу - textarea
Суть в том, что я не могу ограничить главную область по высоте таким образом:
так как высота
Реально ли сделать только на css?
Обычное окно чата(как в телеге скажем).
Главная область окна - сами сообщения
Внизу - textarea
Суть в том, что я не могу ограничить главную область по высоте таким образом:
height: calc(100vh - <высота_textarea_в_px>)так как высота
textarea динамична исходя из количества строк в нем.Реально ли сделать только на css?
𝕬
Привет, такой вопрос, есть для примера такой кусок стилей на sass. каким образом я могу отнаследовать display, flex-direction, align-items родительского селектора?
.loginИли стоит просто написать:
background-color: white
display: flex
flex-direction: column
align-items: center
&__form-container
align-items: center
text-align: center
width: 22rem
display: flex
flex-direction: column
.login .login__form-containerи после уже отдельно для каждого селектора писать их свойства?
display: flex
flex-direction: column
align-items: center
С
Привет, такой вопрос, есть для примера такой кусок стилей на sass. каким образом я могу отнаследовать display, flex-direction, align-items родительского селектора?
.loginИли стоит просто написать:
background-color: white
display: flex
flex-direction: column
align-items: center
&__form-container
align-items: center
text-align: center
width: 22rem
display: flex
flex-direction: column
.login .login__form-containerи после уже отдельно для каждого селектора писать их свойства?
display: flex
flex-direction: column
align-items: center
сделать отдельный класс и добавлять его в нужные места или наследовать
С
Подскажите пожалуйста, реально ли без js сделать такое поведение:
Обычное окно чата(как в телеге скажем).
Главная область окна - сами сообщения
Внизу - textarea
Суть в том, что я не могу ограничить главную область по высоте таким образом:
так как высота
Реально ли сделать только на css?
Обычное окно чата(как в телеге скажем).
Главная область окна - сами сообщения
Внизу - textarea
Суть в том, что я не могу ограничить главную область по высоте таким образом:
height: calc(100vh - <высота_textarea_в_px>)так как высота
textarea динамична исходя из количества строк в нем.Реально ли сделать только на css?
обертке display: flex; flex-direction: column; области чата flex-grow: 1;
𝕬
Санжар
сделать отдельный класс и добавлять его в нужные места или наследовать
Ок, спасибо
B
Санжар
обертке display: flex; flex-direction: column; области чата flex-grow: 1;
у меня так и сделано, обе области:
Область окна сообщений
Область textarea
обернута в <div> с классом, который устанавливает
Область окна сообщений
Область textarea
обернута в <div> с классом, который устанавливает
display: flex; flex-direction: column;С
у меня так и сделано, обе области:
Область окна сообщений
Область textarea
обернута в <div> с классом, который устанавливает
Область окна сообщений
Область textarea
обернута в <div> с классом, который устанавливает
display: flex; flex-direction: column;B
так тут скролл общий, и для области textarea и для области сообщений.
А нужно, чтобы он был только на области сообщений, а область textarea всегда была внизу зафиксирована, но при этом могла увеличиваться, сдвигая верхнюю область сообщений.
А нужно, чтобы он был только на области сообщений, а область textarea всегда была внизу зафиксирована, но при этом могла увеличиваться, сдвигая верхнюю область сообщений.