Р
Здравствуйте, на background должен поставить такие фотографии, как обычное фото можно превратить в такое?
filter: hue
Size: a a a
2019 September 18
NL
а что за filter: hue? как это пишется и где?
Ni
CSS-свойство:
https://developer.mozilla.org/ru/docs/Web/CSS/filter
Только вероятнее всего имелось в виду
https://developer.mozilla.org/ru/docs/Web/CSS/filter
Только вероятнее всего имелось в виду
hue-rotate.
Р
NinuX Lets
а что за filter: hue? как это пишется и где?
Гуглится же
Д
Привет, народ. Подскажите, вот такая часть макета, я ее верстал списком. Правильно ли делать чтобы последний элемент (кнопка для добавления картинок) тоже был частью списка? Если нет, тогда получается эти все элементы нужно верстать не списком?
Р
Привет, народ. Подскажите, вот такая часть макета, я ее верстал списком. Правильно ли делать чтобы последний элемент (кнопка для добавления картинок) тоже был частью списка? Если нет, тогда получается эти все элементы нужно верстать не списком?
Неправильно. Список только для одинаковых элементов.
Все отличные элементы за список выносятся.
Все отличные элементы за список выносятся.
Д
Хмм, понятно. Спасибо. Буду переделывать. Придется просто дивы использовать.
Р
Хмм, понятно. Спасибо. Буду переделывать. Придется просто дивы использовать.
Почему просто семантика нарушена.
По сути будет ul>li*5^button (если через emmet)
По сути будет ul>li*5^button (если через emmet)
Д
Роб
Почему просто семантика нарушена.
По сути будет ul>li*5^button (если через emmet)
По сути будет ul>li*5^button (если через emmet)
так если так сделать, button будет внутри списка? так разве можно?
Р
так если так сделать, button будет внутри списка? так разве можно?
Не будет. Но я сначала опечатался и написал + вместо ^, так что может быть ты успел взять код раньше)
Д
так тогда кнопка будет вне контейнера, а тут, судя по макету, как я понимаю, кнопка должна быть внутри контейнера где картинки
Р
так тогда кнопка будет вне контейнера, а тут, судя по макету, как я понимаю, кнопка должна быть внутри контейнера где картинки
Ничто не мешает сделать общий контейнер для них и дать общий класс всем элементам, включая кнопку.
Д
понятно, так и сделаю, благодарю!
Ni
Здравствуйте, на background должен поставить такие фотографии, как обычное фото можно превратить в такое?
Можно посмотреть в сторону такого решения, но все равно придётся поработать над его кроссбраузерностью (в текущем решении не поддерживается IE-11):
https://jsfiddle.net/vcnq3L6z/
https://jsfiddle.net/vcnq3L6z/
Д
Ребята, и еще вопрос. Как бы вы такое сверстали? Сверху инпут в состоянии покоя, а снизу в состоянии фокуса. При фокусе он визуально как бы сверху нависает как бы внутри модального окна, но это не модальное окно. Моя идея что нужно этот инпут изначально абсолютно позиционировать и при фокусе отображать все невидимые элементы и поля. Хотя это будет тяжело сделать чтобы не было заметно сдвигов.
NL
CSS-свойство:
https://developer.mozilla.org/ru/docs/Web/CSS/filter
Только вероятнее всего имелось в виду
https://developer.mozilla.org/ru/docs/Web/CSS/filter
Только вероятнее всего имелось в виду
hue-rotate.вау офигенно и весь раздел у мозиллы тоже надо читнуть.
Р
NinuX Lets
вау офигенно и весь раздел у мозиллы тоже надо читнуть.
И это только css, а еще есть...
https://habr.com/ru/post/349362/
https://habr.com/ru/post/349362/
NL
Роб
И это только css, а еще есть...
https://habr.com/ru/post/349362/
https://habr.com/ru/post/349362/
а если не SVG, то фильтры не работают?
Р
NinuX Lets
а если не SVG, то фильтры не работают?
css фильтры работают не на свг-элементы
Р
Можешь на любом сайте обратиться к img и прописать filter: hue-rotate(250deg)