Как сделать, чтобы if работал с calc?
Хочу получить: 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);…
Вопросы по тегу: css3
- 1 ▲1 ответ.
- 0 ▲0 ответ.
Как сделать размытие блока в конце,как на макете?
Как сделать такое рызмытие,которое в конце блока : Мой код : <!DOCTYPE html> <html> <head> <script defer src="indexS.js"></script> <styl…
- 1 ▲0 ответ.
Как на половину скрыть блоки слайдера,как на макете?
Как можно скрыть на половину блоки,как на макете : Ссылка : https://xd.adobe.com/view/3831e990-1d2a-4aa1-9b83-f0ad445abd5d-6d62/screen/412772a8-93d7-425c-a81d-e3e3329ce836/ Нужно,…
- 0 ▲1 ответ.
Адаптивная верстка веб-игры для телефонов
У меня есть веб-игра змейка на JavaScript и у меня возникли некоторые проблемы со стилями и адаптацией на телефон. Картинка на компьютере выглядит так: Но на телефоне игра выгляди…
- 0 ▲1 ответ.
Как заставить анимацию keyframes проигрываться по проишествии события
подскажите пожалуйста, можно ли как-нибудь keyframes анимацию заставить проигрываться только по происшествии какого-либо события? например код js window.addEventListener('scroll',…
- 0 ▲0 ответ.
Адаптивная верстка работает не для всех устройств
Сейчас работаю над проектом, нужно сделать адаптивную и отзывчивую верстку сайта (ничего сверхестественного), делал такое сотни раз, но сейчас, после загрузки на хостинг, у некото…
- 0 ▲1 ответ.
Как правильно поставить задержку при анимации?
Вообщем, хочу сделать анимацию, ставлю задержку 2 секунды, но элемент остается на странице, и по истечению этих двух секунд делает анимацию. Как сделать так, чтобы он сначала был …
- 1 ▲1 ответ.
Стилизация input type range
Работал над стилизацией этого элемента, столкнулся с проблемой, что нужно сделать progress линию слева от ползунка оранжевого цвета, использовать box-shadow я не могу, так как не …
- 0 ▲1 ответ.
Откуда берется отступ с краю
подскажите пожалуйста почему отображается отступ с краю, если при сложении ширины всех элементов контейнера и margin'ов получается нужное значение, а если добавить 2px, отступ исч…
- 0 ▲1 ответ.
Как сделать размытие текста,как в фигме
Как сделать размытие такого цвета #43632B сзади текста :
- 0 ▲0 ответ.
Не могу вставить значения в псевдоэлемент через var()
HTML <div class="category"> <img src="<?php echo PATH_IMG .'/type/computer.png'?>" alt="computer"> <h2>Computer</h2> &l…
- 0 ▲1 ответ.
HTML + CSS + JS Ломается transform: scale, как будто залипает блок, и не успевает обработать scale
У меня есть небольшой блок, в котором присутствует два выпадающих списка. У элементов внутри него применена функция scale(0), которая затем переходит в scale(1) для анимации. Так …
- 1 ▲0 ответ.
Сайт некорректно отображается в режиме desktop site в chrome
Сделал адаптивный сайт, на мобильных устройствах и пк все выглядит нормально, но в режиме desktop site в chrome на мобильных устройствах шрифты меняют свои пропорции, гриды не ада…
- 0 ▲0 ответ.
Не работает свойство position: sticky
Не работает position: sticky. Вот код: .PageArticleAd { position: sticky; z-index: 2; top: 0; max-width: 100%; height: auto; padding: 0; margin-bottom: 20px; } Вот страница https:…
- 0 ▲1 ответ.
Можно-ли анимировать прорисовку иконки fontAwesome внутри свойства content тега <i>?
Использую фреймворк quasar с подключенным font-awesome, захотелось сделать прорисовку иконок, но стандартные способы не подходят, т.к. там идёт стилизация тега svg, а в случае с f…
- 0 ▲1 ответ.
Я новичок в вёрстке и не могу решить проблему. У меня есть ссылки, которые должны идти в ряд, При изменении масштаба окна сайта, весь ряд сыпется
body { background-color: #fff; margin: 0px; } .header-line { top: 1px; margin-left: 138px; display: flex; } <html> <body> <div class="header"> <div class="hea…
- 1 ▲0 ответ.
Кнопки улетели куда попало при расширении экрана
У меня есть сайт с кодом, где кнопки представлены в виде картинки, почему так происходит: Вот код, который выполняет функцию: HTML: <div class="frame-frame30"> <…
- 1 ▲1 ответ.
Магия HTML почему при значение больше height: 100vh появляется горизонтальный скролл
Столкнулся с проблемой при создании пустого пректа, решил указать height: 200vh и получил проблему что появляется горизонтальный скролл, если выставлять значения 100 и меньше все …
- 0 ▲0 ответ.
Изменение ширины блоков
Имеется три колонки(блока) одинаковой ширины, как сделать, что бы при изменении размеров окна уменьшалась сперва ширина правого блока до ширины контента внутри него и после начать…
- 1 ▲1 ответ.
CSS эффект для текста
Подскажите пожалуйста, как реализовать такой эффект в CSS, и если можете, подскажите как такой эффект называется, я даже не до конца понимаю "как его гуглить"
- 0 ▲0 ответ.
Как плавно заполнить background у div-а?
Есть блок, который на странице выглядит так: Html выглядит так: <div class="relative rounded-full rating_border overflow-hidden h-9 bg-grey-100 mb-3"> <div clas…
- 1 ▲1 ответ.
Подскажите пожалуйста, с чем связано не ровное увеличение картинки при наведении?
.cards { display: grid; gap: 40px; grid-template-columns: repeat(4, 245px); grid-template-rows: repeat(1, 210px); justify-content: space-between; align-items: center; } .post_card…
- 0 ▲1 ответ.
Как работает градиентый текст в данном случае?
Объясните, пожалуйста как работает градиентный текст? background: var(--third-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; Что записывается…
- 0 ▲0 ответ.
при просмотре на айфоне видеофон с градиентом ведёт себя некорректно
window.addEventListener('DOMContentLoaded', () => { const menu = document.querySelector('.nav-menu'), menuItem = document.querySelectorAll('.nav-menu__button'), hamburger = doc…
- 1 ▲0 ответ.
css: при использовании двух div блоков в контейнере с column-count = 2 блоки выводятся друг за другом вертикально, а не горизонтально
При использовании двух div блоков в контейнере с column-count = 2 блоки выводятся друг за другом вертикально, а не горизонтально .blocks { width : 100%; column-count : 2; column-g…
- 0 ▲1 ответ.
Вёрстка адаптивной формы
Нужна блочная адаптивная верстка. На фото представлено то, как это должно быть с требованиями: Не получается сделать именно верхний вариант: <!DOCTYPE html> <html> <…
- 0 ▲2 ответ.
текст с обводкой на при просмотре на телефоне видны посторонние линии, а при просмотре на компьютере всё выглядет нормаль
div { background: #e0dddd; } .title__publication { webkit-text-fill-color:#c86acf; -webkit-text-stroke: .1rem white; color: #c86acf; font-weight: 700; font-family: 'Rubik Mono One…
- 0 ▲1 ответ.
Что-то не импортируются таблицы css
Хочу объединить в style.css все другие таблицы (header,nav и тд) и подключать только его к html, однако есть какая-то ошибка которую я не вижу, а также имеется ошибка в консоли бр…
- 1 ▲1 ответ.
::before появляется неполностью
Есть , к нижней части которого нужно добавить svg картинку, однако при добавлении её на left: 0; bottom: -6px; (сама картинка высотой 6px), то она не появляется и добавляется верт…
- 1 ▲1 ответ.
Как сделать такую полоску над картинкой?
Добрый вечер! Ломаю голову над этим чудом и не пойму как сделать такую полосу над картинкой.