Вопросы с меткой [css3]

2 голоса

0 ответов

66 показов

Добрых всем дел, сообщество. Оговорка - речь о HTML+CSS без JS. В браузерах на 95% поддерживаются кастомные теги. Имеется ли в css возможность создания общего короткого селектора по аналогии с ...

0 голосов

1 ответ

50 показов

Как сделать, что бы цикл бесконечной анимация смены цвета фона продолжалась "в скрытом режиме" когда убраешь мышку с элемента, и возобновлялся с того места где находится в данный момент цикл....

1 голос

1 ответ

48 показов

Хочу получить: x is zero y is zero но вместо этого получается x is zero y is nonzero @property --y { syntax: "<number>"; initial-value: 0; } body { --x: 0; --y: calc(0 + 0); } body::...

0 голосов

1 ответ

49 показов

воовбщем пытаюсь сделать такой тип блока, смотрел через boostrap, как понял там используют bg-img и т.д. я же пытался сделать через grid сетку получается относительно то что мне нужно, но не прям. ...

0 голосов

0 ответов

77 показов

Хочется вместо 6ch иметь ширину элемента, но ни text-shadow, ни drop-shadow не понимают в этом месте 100%. Есть ещё какие-то способы? body { display: grid; } div { margin: 1lh 0; height: 1lh; ...

5 голосов

1 ответ

62 показа

При наведении мыши на элемент B появляется элемент C. При этом исчезает он когда мышь не находится над B или С. Как сделать так, чтобы С продолжал показываться если мышь над A, но не появлялся сам ...

-1 голос

1 ответ

56 показов

Назрел вопрос как в select сохранить вид выпадающего списка но в тоже время сделать его multiple (Прикреплю изображения). Когда к select добавляю multiple оно становится убогим(2 вариант) Если что ...

0 голосов

2 ответа

108 показов

Подскажите как расположить при помощи grid неопределённое кол-во колонок( собственно и элементов) в 2 ряда Пытаюсь так делать: grid-template-columns: repeat(auto-fill, 150px); grid-template-rows: ...

1 голос

0 ответов

55 показов

.modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min-content; max-width: 70vw; max-height: 70vh; border-radius: 10px; ...

0 голосов

1 ответ

76 показов

let ls = y = st = 0, m = []; document.onscroll = e => { y = window.scrollY; if (m[0] != 'up' && ls > y) m = ['up', y, st]; else if (m[0] != 'down' && ls < y) m ...

0 голосов

0 ответов

48 показов

Когда на родителе свойство грид. Возможно выполнить следующие условия Красный блок от края до края Ширина синего блока 30%, максимальная 400пикселей ширина зеленого блока 70%, максимальная в ...

2 голоса

4 ответа

121 показ

* { position: relative; padding: 0; margin: 0; outline: none; letter-spacing: 1px; box-sizing: border-box; scrollbar-width: none; -webkit-tap-highlight-color: transparent } main { ...

1 голос

1 ответ

50 показов

document.onscroll = e => { console.log(e); }; Как узнать в каком направлении пользователь скролит страницу? Сопутствующий вопрос: Задача состоит в том, чтобы на странице, горизонтальное меню ...

2 голоса

1 ответ

83 показа

На родителе: display: flex; gap: 15px; padding: 15px; flex-wrap: wrap; justify-content: flex-start; На дочерних блоках: display: flex; gap: 5px; align-content: flex-start; flex-wrap: wrap; flex: 1; ...

0 голосов

1 ответ

58 показов

window.addEventListener("DOMContentLoaded", function() { let menu = this.document.querySelector(".header__nav"), wrapper = this.document.querySelector(".header__wrap"), menuText = this....