Как менять цвет svg-sprite?
Собственно, как составить каскад в css, чтобы поменять цвет svg в спрайте? Перепробовал много разных вариантов, в итоге - ничего не получилось. Если просто вставить код svg в html…
Вопросы по тегу: css
- 1 ▲2 ответ.
- 1 ▲1 ответ.
Как перенести часть текста на другую строку в блочной структуре?
Подскажите можно ли перенести текст вот так? Такой перенос вообще возможен? Смог реализовать только перенос по блокам: .breadcrambs__content ul { display: flex; flex-wrap: wrap; l…
- 1 ▲1 ответ.
Есть 2 <ul> (списка) по 5 <li> (элементов) в ряд, как их же адаптировать под мобильные устройства в 2 столбца
Есть контейнер, в нём 2 списка с разными классами, но с одинаковыми стилями. Они расположены горизонтально (по 5 штук) на компьютере. .nextSection { width: 90%; } .container { dis…
- 0 ▲1 ответ.
Что-то не импортируются таблицы css
Хочу объединить в style.css все другие таблицы (header,nav и тд) и подключать только его к html, однако есть какая-то ошибка которую я не вижу, а также имеется ошибка в консоли бр…
- 0 ▲0 ответ.
Смена расположений блоков при уменьшении ширины окна браузера
Всем привет. Не могу понять, почему у меня при сужении экрана опрокидывается на высший блок и так пока не достигнет хедера. То есть, перекидывает ровно на начало предыдущего блока…
- 1 ▲1 ответ.
Как определить начало круговой диаграммы не по часовой стрелке?
Подскажите пожалуйста как начать круговую диаграмму не по часовой стрелке, а наоборот слева-направо? .diagram-inner { --percentage: 40; --border-thickness: 4px; --main-color: #27b…
- 0 ▲2 ответ.
Эффект движения объекта наверх с остановкой скролла
Прошу оказать небольшую помощь. Задача стоит в реализации решения с услугами, как на сайте https://www.cobramusicagency.com/ (проскролить до раздела "услуги агентства").…
- 1 ▲1 ответ.
::before появляется неполностью
Есть , к нижней части которого нужно добавить svg картинку, однако при добавлении её на left: 0; bottom: -6px; (сама картинка высотой 6px), то она не появляется и добавляется верт…
- 0 ▲1 ответ.
Не могу выровнять картинку по горизонтали и вертикали
body { font-family: 'Be Vietnam Pro', sans-serif; background-color: #000000; } .header-nav { display: flex; justify-content: space-between; font-weight: 600; font-size: 16px; line…
- 5 ▲3 ответ.
Существует ли хотя бы жалкое подобие backdrop-filter blur для внутренних тегов SVG?
К примеру, я хочу сделать backdrop-filter только для одной области внутри svg <svg viewBox="5 0 152 105" xmlns="http://www.w3.org/2000/svg"> <defs> <clipPath id="cp…
- 0 ▲2 ответ.
Как сделать, чтобы :hover не работал на мобильных экранах в @media?
Мне нужно, чтобы :hover не работал у тега (a) и тега (button). Я нашёл решение в том, что нужно писать :hover отдельно в @media, а не в общих стилях. Но я не уверен, что это верны…
- 1 ▲1 ответ.
Не изменяется ширина ячеек таблицы css
Всем привет! Ни в какую не получается изменить ширину ячеек. Получается результат как на картинке Мне нужно уменьшить ширину столбца кратность(чтобы он был по ширине такой же как …
- 0 ▲3 ответ.
Как сделать карточки flex бокса одного размера
Как сделать подобную реализацию во flex боксах? Нужно чтобы при уменьшении экрана карточки переносились на другие строки и расширялись. Но есть проблемма, если карточек не ровно 6…
- 0 ▲3 ответ.
Как задать стили элемента, когда на странице он представлен двумя соседями?
Например, на странице идёт: <img><img> Как задать стили, которые бы применились к <img>, когда это два соседа, и не применялись к одиночным <img>?
- 0 ▲0 ответ.
слайдер с помощью библиотеки swiper
Делаю на сайте блок логотипов партнеров. Установив библиотеку swiper через npm импортирован объект в JS. Слайдер отображается на сайте, при клике мышки есть движения влево и вправ…
- 0 ▲2 ответ.
Как добавить иконку внутрь кнопки с помощью HTML и CSS?
Как добавить иконку в формате PNG или SVG внутрь кнопки силами HTML и CSS?
- 0 ▲0 ответ.
Не могу понять почему блоки не выравниваются в одну линию, заголовок стал нормально, а остальной текст ниже
HTML CSS body{ font-family: 'Gilroy-Medium','Gilroy-Bold', sans-serif; font-size: 18px; line-height: 22px; background-color: #fff; font-weight: 400; } .container{ margin: 0 auto; …
- 1 ▲0 ответ.
На картинку с классом .projects__img нужно наложить градиент, не могу сообразить в какой класс его прописать чтобы работало
На картинку с классом .projects__img нужно наложить градиент, не могу сообразить, в какой класс его прописать, чтобы работало. Изображение задано в html тегом img. .project__img {…
- 0 ▲0 ответ.
Как адаптировать кнопки для версии на мобильном?
Нужно сделать так что бы они были в два ряда на мобильном а не в один. .social_as { padding:0; font-family: 'Roboto Condensed', sans-serif; } .social_as ul { position:relative; di…
- 0 ▲1 ответ.
Не получается вставить в свойство content в css svg изображение
Не получается вставить в свойство content в css svg изображение.Буду рад любой помощи! span::after{ content: url("data:image/svg+xml;charset=UTF-8,<svg width="15" height="26" v…
- 0 ▲0 ответ.
С помощью чего можно реализовать эффект «карточек» при скролле сайта?
https://biotech.artlife.ru/ на этом сайте, при скролле, секции как бы надвигаются друг на друга, как карточки. Не могу понять как сделать такой эффект? Может кто-то встречал реали…
- -1 ▲1 ответ.
Отсутствие заголовка в карточке товара. Серый цвет заголовка
Есть компонент, выводящий разделы, подразделы каталога и элементы разделов каталога C:\OpenServer\domains\mytechnoshop.ru\catalog_goods\index.php <? require($_SERVER["DOCUMENT_…
- 0 ▲2 ответ.
Как сделать так, чтобы при клике на кнопку менялся цвет каждого слова в тексте с помощью JS?
Кликаешь на кнопку. После клика каждое слово в тексте по очереди начинает менять цвет с интервалом в 1 секунду. К примеру: цвет текста белый. Сначала 1 слово становится красным, п…
- 1 ▲1 ответ.
как сделать картинки наискосок которые движутся вперёд
Как в html и css сделать так чтобы картинки были наискосок и при этом двигались вперёд из далека. Как показано на скрине.
- 0 ▲0 ответ.
Как адаптировать динамичесткое меню?
Есть задача которую ни как не пойму как решить, подскажите хотя бы с чего начать. Есть меню составляемое динамически из базы данных Нужно если не помещается в блок добавлять кнопк…
- 0 ▲0 ответ.
В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают
В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
- 0 ▲0 ответ.
тег html сдвигается в chrome при анимации
Написал функцию для анимации при доскроливании до элемента. Проблема в том, что почему-то тег html сдвигается иногда, не понимаю, почему такая проблема. Замечаю это в Chrome. Проб…
- 0 ▲2 ответ.
Почему блок не центирируется в дочернем блоке grid?
Хочу в блоке с классом "a" разместить компоненты и чтобы поверх их в этом же блоке открывалось модальное окно в родительском блоке display: fixed; Вот код: <div style…
- 0 ▲1 ответ.
Как исправить проблему обрезание текста в попапе?
.popup { position: fixed; z-index: 200; top: 0; left: 0px; width: 100%; height: 100%; transform: translateX(-100%); overflow-y: auto; overflow-x: hidden; background-color: #fff; d…
- 0 ▲2 ответ.
Как сделать такой вырез в фоне
подскажите как сделать такой вырез в виде восьмёрки у фоновой заливки