как сделать что бы отключались/включались все css эффекты на странице одной кнопкой?
можно ли как то сделать что бы на странице сделать кнопку которая отключает все эффекты, и наоборот включает?
Вопросы по тегу: css
- 1 ▲1 ответ.
- 0 ▲1 ответ.
Правильно ли я использую БЭМ?
Я только начал изучать БЭМ, сверстал часть сайта и пробовал по максимуму использовать БЭМ. Я не могу понять, правильно ли я делаю? Ссылка на макет @import url(reset.css); /* font-…
- 0 ▲1 ответ.
Задать все значения анимации в одну строчку
animation-name: bell-ring; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-delay: -1.5s; animation-direction: altern…
- 0 ▲2 ответ.
Как сделать такую переменную?
Хочу сделать такую переменную, что если я в классе писал скажем вот так <div class="fs-18">text</div> то нужно чтобы это вот число он сам подставлял в font-s…
- 0 ▲1 ответ.
Как сделать карточку автора
Здраствуйте, мне нужно создать карточку автора типо слева обложка книги, а справа по очереди сверху вниз: Автор: Название: Рейтинг: Оценка: Отзыв: И внизу под этим всем Описание: …
- 0 ▲0 ответ.
Перенести анимацию css в svg иконку
.spinner { animation: spinner 1.5s ease-in-out infinite; } @keyframes spinner { 0% {stroke-dasharray: 0, 100; stroke-dashoffset: 0} 50% {stroke-dasharray: 65, 35; stroke-dashoffse…
- 0 ▲1 ответ.
Как решить проблему flex сетки вида sidebar content, когда содержимое content имеет запредельную ширину?
.wrapper { display: flex; flex-direction: row; width: 100%; height: 100vh; } .sidebar { min-width: 220px; height: 100%; background: red; } .content { flex: 1; background: blue; he…
- 0 ▲1 ответ.
Как убрать отступы с краёв страницы у footer?
Не могу понять откуда образовались в div блоке эти отступы, в css заданы 0 на отступах и с другими блоками проблем нет, как их убрать? html, body { font-family: 'Arial'; margin: 0…
- 0 ▲1 ответ.
Как у элемента с абсолютным позиционированием сделать margin-bottom?
html, body { margin: 0; min-height: 100%; } .main { border: 1px solid #000; width: 100px; position: absolute; margin-bottom: 100px; /* Не работает */ } .main > div { padding: 2…
- 0 ▲2 ответ.
Как убрать class при клике вне области элемента?
Подскажите пожалуйста как закрыть меню и все подменю при клике вне его области? toggle оставить как есть, но сделать чтобы внутрение еще закрывались За открытие меню и подменю это…
- 0 ▲0 ответ.
Повторяющийся элемент без JS
Подскажите, возможно ли создать повторяющийся элемент DOM дерева без JS (тоесть он только визуально должен отображаться)? Приведу пример body { overflow-x: hidden; margin: 0; font…
- 0 ▲2 ответ.
Bootstrap сетка
Нужно по такому "макету" сверстать на бутстрапе Написал такой код: <div class="container"> <div class="row "> <div class="col-6 &…
- 3 ▲1 ответ.
Как указать var() в качестве значения одного из параметров (initial-value) @property для другого var()
Сидел значит, тренировался в css с новыми фишками. И уткнулся в проблему! Есть у меня 2 переменные: --number: 0; --time: 30; Так вот для --time нужно задать пропсы @property --num…
- 0 ▲1 ответ.
Размещение блоков flex
как разместить блоки как на картинке НЕ ИЗМЕНЯЯ HTMl ? левый квадрат не хочет занимать 100% высоты, а занимает 100% ширины(так у меня получилось) .last_request_wrapper { display: …
- 0 ▲2 ответ.
как добавить картинку внутри текста при наведении hover
не понимаю как сделать так чтобы при наведении на текст hover снизу текста появлялась картинка, помогите
- 0 ▲2 ответ.
Как разместить элемент внутри flex блока в крайнюю правую часть?
Вот codepan codepen.io/Spawnes/pen/ZEopwRZ .container { display: flex; justify-content: space-between; width: 1000px; height: 100px; background-color: #000; border: 5px solid blac…
- 0 ▲0 ответ.
Когда использовать rem, vh, wh, em?
Расскажите пожалуйста, когда нужно в css использовать размеры в rem, vh, wh, em? Ещё такой вопрос, 27px = 2.7rem?
- 1 ▲1 ответ.
Размещение текста в объекте
Возможно глупый вопрос. Нужна помощь, я еще учусь, навыков не так много, но хочется завершить начатую работу, я многое сделала, но осталось самое сложное для меня. Пример того, ка…
- 0 ▲2 ответ.
Можно ли удалить из html-тега контент по медиа-запросу
Допустим есть заголовок h1. Для больших экранов содержимое этого тега представляет длинную строку. При уменьшении экрана до мобильной версии, нужно оставить этот тег, но сократить…
- 0 ▲1 ответ.
Почему Visual Code в автозаполнении не показывает все шрифты?
У меня на ПК установлено множество шрифтов, но когда я пишу font-family: в подсказке у меня выводится только определённый набор. Почему он не дополняется теми, что я установил?
- 0 ▲1 ответ.
Как сделать внутренний отступ маркера от списка?
Есть список, там нужно увеличить расстояние от маркера до пункта. Не могу понять, как это сделать. По дефолту list-style-position: outside и я всегда увеличивал расстояние через p…
- 0 ▲0 ответ.
Как сдвинуть скроллбар влево?
Можно ли задать padding: 5px 5px 5px 0 скроллбару средствами чистого CSS ? Он находится в полях: Система налогообложения, Количество операций в месяц. Codepen - https://codepen.io…
- 0 ▲3 ответ.
Как выровнять ссылку по центру div
В HTML и CSS я человек новый, и потому возник такой вот вопрос. Хочу сделать что-то на подобии кнопки для навигации. Кнопка должна быть, в сути, div-ом, внутри которого находится …
- 0 ▲1 ответ.
onclick срабатывает со второго клика, как исправить?
onclick работает не корректно, срабатывает со второго клика, предполагаю что это из-за вложенности блоков, но не знаю как это исправить на деле HTML: <div class="geo_conta…
- 0 ▲1 ответ.
Как повернуть стрелку на 180deg в меню select при клике?
На выпадающем списке select при клике нужно повернуть стрелку на 180 градусов
- 1 ▲2 ответ.
Как изменить стандартную высоту строки в DataGrid Blazorise
Я хочу изменить стандартную высоту строки в DataGrid Blazorise. Как это сделать? Спасибо. Код ниже работает частично, цвет меняется, высота нет. public void OnRowStyling(TEntity e…
- 0 ▲0 ответ.
:hover активен тогда когда нет касания на тачскринах
К элементу выставлен :hover, собственно при наведении курсора мыши он работает, свойства элемента возвращаются на исходные тогда когда курсор уводят с него. Но когда на тачскринах…
- 1 ▲3 ответ.
Тень блока накладывается на соседний блок
У меня есть неопределённое кол-во блоков с тенью которые генерируются динамически. Я размещаю их в нормальном потоке документа и происходит так, что тень нижнего накладывается на …
- 0 ▲1 ответ.
"мобильное" отображение select multiple
На рабочей платформе (сайт на php) необходимо сделать страничку с формами для обмена данными. С этим приложением пользователь будет работать как с пк, так и с телефона (с телефона…
- 0 ▲1 ответ.
margin-top: сдвинуть элемент на текщую высоту
Не знаем высоту блока, но блок необходимо сдвинуть вверх на столько, какова текущая высота. Такое возможно? :root { --hd: clamp(45px, 8%, 90px); } .rd { width: 200px; height: 1000…