На андроиде кнопка работает с айфона - нет
На андроиде кнопка прожимается, но когда заходишь с айфона, то она стоит на месте. Как сделать чтобы эффект нажатия работал и на айфоне? .btn:link, .btn:visited { position: relati…
Вопросы по тегу: css3
- 0 ▲0 ответ.
- 1 ▲0 ответ.
Почему на андроиде выпадающее меню css работает, а на айфоне нет?
Почему на андроиде выпадающее меню на чистом css работает нормально, а на айфоне этот код не работает? Как сделать чтобы он работал? .dropdown__wrapper { display: flex; flex-direc…
- 0 ▲1 ответ.
Как в Materialize CSS поменять цвет radio кнопки?
Есть код: <h5>Выравнивание заголовка</h5> <label> <input type="radio" name="alignHeader" value="center"> <span>По центру</span> </label> …
- 0 ▲1 ответ.
В CSS есть блок в блоке, в каждом есть надпись. В дочернем блоке центруется, в основном нет. Как отцентровать в CSS в зависимости от размеров?
body { background-color: bisque; } .temp { margin: 0; padding: 0; width: 600px; height: 300px; background-color: red; border: 2px solid black; font-size: 30px; text-align: center;…
- 1 ▲1 ответ.
Функция Button Reset в HTML не работает
Кнопка сброса отзыва не работает на блоках Имя, Фамилия, Отчество и email <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Приме…
- 1 ▲0 ответ.
Позиционирование вертикальное
Подскажите как поменять местами блоки в разных родителях. Пробовал и позитион абсолют и отрицательный марджин и флоут не выходит, Спасибо! Поменять нужно div class="projects_…
- 0 ▲0 ответ.
Сокращение текста, не обертывая в блок
.gl { width: 500px; display: flex; align-items: center; } span, .gl:before { display: block; background: red; content:''; width: 50px; height: 50px; } <div class='gl'>Текст …
- 0 ▲1 ответ.
Для чего wrapper в начале верстки со значением min-height:100% overflow: hidden?
Учусь верстке по роликам на ютубе, многие в начале верстки создают обертку с такими стилями и не раскрывают суть для чего и какая польза от этой записи .wrapper { min-height: 100%…
- 0 ▲1 ответ.
Управление ориентацией через css
Возможно ли при помощи css, добавить класс в блок к примеру в body добавляем класс landscape, и делаем альбомную ориентацию и как бы блокируем ее до того времени пока пользователь…
- 0 ▲1 ответ.
Возможно ли задавать свойстсва других классов в анимации другого?(@keyframes)
К примеру, существует следующая конструкция: .paragraph_main { font-style: italic; font-weight: 400; padding-top: 00px; color: gray; } .header_main { font-size: 100px; font-weight…
- 1 ▲1 ответ.
Круглый прогресс бар с процентом сверху текущего положения бара
Решил сделать круглый прогресс бар, сверху текущего положения бара должен находиться текущий процент. Вот пример (Цвет текста на ваше усмотрение, я сделал его чёрным, чтобы его бы…
- 0 ▲3 ответ.
Как отцентрировать блок внутри блока с абсолютным позиционированием?
Написал для примера такой код: .one { position: relative; width: 350px; height: 350px; background: #0f0; } .onea { float: left; position: static; width: 33.3%; height: 100px; back…
- 0 ▲2 ответ.
Вопрос по форматированию блока(блоков) от чайника
Коллеги, я не волшебник, а только учусь, потому вопрос из двух составляющих: Есть контейнер блоков: С их отрисовкой и размещением я разобрался, но встал в ступор на двух вещах: От…
- 0 ▲1 ответ.
Растянуть элемент по ширине корневого
Корневой элемент имеет определенную ширину (растянут не во весь body). Внутри него есть блок типа container в Bootstrap. Можно ли как-то на css растянуть элемент (в примере - this…
- 0 ▲1 ответ.
Динамичная ширина относительно текста
Есть подобное решение svg { color: #fff; fill: #fff; width: 25%; position: absolute; left: 10px; top: 20px; opacity: 1 !important; pointer-events: all !important; z-index: 10; } s…
- 0 ▲1 ответ.
Адаптивная верстка каталога. Как установить кнопку внутри блока внизу по центру?
const OurMenu = () => { return ( <div className='menu'> <h1 className="menuTitle">Our Menu</h1> <div className="menuList"> {MenuList…
- 0 ▲2 ответ.
Тень внутри текста
Вот макет HTML <h1>ВНЖ ДУБАЙ под ключ на 2 года</h1> CSS h1 { color: #fff; text-transform: uppercase; font-size: 50px; line-height: 1.2; font-weight: 900; } Получается…
- 1 ▲1 ответ.
Добавить тень к бордюру stroke 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 ответ.
Задать все значения анимации в одну строчку
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 ▲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 ▲0 ответ.
Повторяющийся элемент без JS
Подскажите, возможно ли создать повторяющийся элемент DOM дерева без JS (тоесть он только визуально должен отображаться)? Приведу пример body { overflow-x: hidden; margin: 0; font…
- 3 ▲1 ответ.
Как указать var() в качестве значения одного из параметров (initial-value) @property для другого var()
Сидел значит, тренировался в css с новыми фишками. И уткнулся в проблему! Есть у меня 2 переменные: --number: 0; --time: 30; Так вот для --time нужно задать пропсы @property --num…
- 0 ▲1 ответ.
Не работает горизонтальный скролл
.wrapper{ width: 100%; display: flex; overflow-y:hidden; overflow-x:scroll; white-space: nowrap; } .wrapper .item{ display: inline-block; border: 10px solid white; width: 600px; h…
- 0 ▲0 ответ.
:hover активен тогда когда нет касания на тачскринах
К элементу выставлен :hover, собственно при наведении курсора мыши он работает, свойства элемента возвращаются на исходные тогда когда курсор уводят с него. Но когда на тачскринах…
- 0 ▲1 ответ.
margin-top: сдвинуть элемент на текщую высоту
Не знаем высоту блока, но блок необходимо сдвинуть вверх на столько, какова текущая высота. Такое возможно? :root { --hd: clamp(45px, 8%, 90px); } .rd { width: 200px; height: 1000…
- 0 ▲1 ответ.
Задать переменную с положительным значением, а затем
--hd: clamp(45px, 8%, 90px); Есть данная переменна, вопрос в том, как применить ее но уже в отрицательном значении? height:var(--hd); Так положительно задаем значение, а необходим…
- 0 ▲2 ответ.
Относительное позиционирование
Есть 2 родителя Первый родитель имеет свойство position: relative; Второй родитель который расположен в первом, имеет свойство position: absolute; Вопрос в том, если во втором род…
- 0 ▲1 ответ.
Ширина блока 100vw, выравнивание по центру
main { display: grid; grid-template-rows: max-content max-content 1fr; grid-template-columns: min(100px, 70%) min(50px, calc(30% - 10px)); gap: 10px; padding: 10px; justify-conten…
- 0 ▲1 ответ.
Расположить блоки (grid)
main { display: grid; grid-template-rows: min-content min-content; position: fixed; height: 100vh; width: 100vw; background: #fff; } .box1 { grid-area: 1 / 1; } .box2 { grid-area:…
- 0 ▲0 ответ.
почему не работает -webkit-text-stroke когда заходишь на сайт с телефона (не появляется белая обводка вокруг букв)? А когда с компьютера появляется
h1 { font-size: 5vw color: white padding-top: 2vw padding-bottom: 2vw font-family: 'Rubik Mono One', sans-serif font-weight: 700 text-shadow: 10px 10px 30px #5473B6, -10px -10px 3…