CSS - Страница 648

Я пытаюсь клонировать интерфейсы некоторых проектов на dribble в учебных целях и улучшить свои навыки работы с CSS. Я выбрал макет ниже:

Как вы можете видеть, это мобильный интерфейс, но для его создания я использую React dom (как я уже упоминал...

У меня есть приложение чата с прикрепленными элементами верхнего и нижнего колонтитула. Когда мобильная виртуальная клавиатура открыта, я устанавливаю высоту документа на window.visualViewport.height. Например. если высота браузера составляет 1000...

Это работает, но настройка продолжительности игнорируется. Чего мне не хватает?

function onClick(e) {
e.target.classList.add('clicked_media_transition')
document.startViewTransition(() => {
e.target.classList.add('expand')
})
}
body {...

Мне нужно использовать определенный шрифт в проекте ASP.NET Core MVC . Итак, в файле css:
CSS:
@font-face {
font-family: CustomFont ;
src: url(css/Custom-VariableFont_slnt.ttf);
}

Но я получаю сообщение о том, что путь к шрифту недействителен.
Я...

У меня есть блок списка, в котором есть кнопка «Получить данные» со значком. Теперь я хочу переместить этот значок немного вниз и увеличить шрифт, однако, когда я пытаюсь это сделать, элемент списка не выравнивается с другими элементами (он...

Я пытаюсь создать круговое меню с подменю, которое появляется при наведении курсора на элемент главного меню.
До сих пор мне удавалось создать главное круговое меню, но Я пытаюсь реализовать функциональность подменю.
Мой текущий прогресс:...

Я пытаюсь воспроизвести шрифты, используемые в документации PyData. Пользовательский стиль CSS взят непосредственно с их веб-сайта, однако мой заголовок отображается другим шрифтом. В документации PyData используется полужирный шрифт Segoe UI, а в...

У меня есть вектор значений, и каждое значение связано с именем; длина вектора изменяется в соответствии с вводом пользователя. Хотя я использовал команды, связанные с таблицами, мне хотелось бы знать другие способы отображения данных такого типа,...

uiOutput('myTable') , за которым следует p( Вот текст... ) помещает текст рядом с дисплеем uioutput, но мне нравится печатать текст в новой строке, начиная с левой стороны страницы. Добавление br() — это просто добавление пустого пространства,...

Я пытаюсь отредактировать свою таблицу данных, чтобы поместить значения в качестве входных данных. Однако я хотел бы удалить числа и прокрутки из каждой ячейки, что-то похожее на ячейки Excel/SPSS.
Проблема заключается в следующем изображении:...

Я делаю пошаговую веб-игру о стрижке газона. Мне нужна помощь, чтобы трава стала светло-зеленой сразу после того, как газонокосилка пройдет по ней.
script.js
основной репозиторий GitHub

Подробнее здесь:

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

Я пытаюсь создать анимацию бесконечной прокрутки для некоторых изображений. Проблема в том, что изображения имеют странное поведение при переходе по завершении анимации. Я реализовал то же самое с текстом, и он работает без проблем, но не с...

Я хочу применить некоторые пользовательские правила CSS к меню навигации в теме WordPress Twenty Twenty-Four. Когда я нажимаю меню, появляется меню. Когда я щелкаю правой кнопкой мыши и выбираю «Проверить» в контекстном меню Firefox или Chrome, меню...

Я создавал блог, но возникла проблема. Вы можете видеть в моем коде боковую панель (красного цвета), это контейнер div. Проблема в том, что когда я сворачиваю вкладку Chrome, боковая панель перекрывается с основным контентом. Пожалуйста, дайте мне...

Я создаю магазин футболок с помощью Tailwindcss, и у меня возникли некоторые странные проблемы:
Когда я визуализирую файл ejs (тип файла, который позволяет динамически генерировать html в Node.js, но по сути это HTML-файл),
с классами CSS попутного...

Я хочу, чтобы текст (в данном случае внутри ) имел красочный фон со скошенными правыми и левыми границами. Примерно так:

Я знаю, что мне следует сделать это, установив фон, например, Linear-gradient(102deg, #ffffff00 5%, blue 5% 95%, #ffffff00...

Как и выше, я добавил медиа-запросы в свой CSS, протестировал свою страницу на Edge, Chrome и использовал онлайн-эмулятор мобильных устройств, и все работает нормально.
Однако, когда я на самом деле просматриваю На странице на мобильном устройстве...

У меня есть div.outer и внутри div.inner, оба с позицией: Absolute; и backdrop-filter: Blur(8px);.

Safari ( left) дает желаемый результат — оба элемента div размывают то, что находится за ними.

Однако Chrome (справа) применяет размытие только...

У меня есть этот фрагмент HTML/CSS:

.test123 {
grid-template-columns: 255px 255px;
transition: 200ms;
display: grid;
gap: 30px;
.card {
border-radius: 50px;
border: 1px solid #BBD0FB;
}
.c1 {
background-color: red;
width: 100%;
height: 100px;
}...

Я пытаюсь поместить изображение в относительный контейнер (который имеет ширину и высоту) на расстоянии 20 пикселей сверху, слева и справа, вот так:

x

Однако мое изображение, поскольку у него нет установленной ширины, просто по умолчанию...

Новые элементы HTML5 (заголовок, навигация, нижний колонтитул и т. д.) не работают в IE

Подробнее здесь:

У меня есть блок, который я разработал в Figma. Теперь мне нужно реализовать это в коде с использованием HTML и CSS. Если вам известна какая-либо библиотека React, которая может помочь, сообщите, пожалуйста, поскольку я создаю интерфейс с помощью...

Я работаю над меню для мобильных устройств. Когда мы открываем меню, сквозь него виден фон.
У меня в #headerPop установлен белый цвет фона, но он не работает должным образом, и элемент, стоящий за ним, виден, даже если я меняю цвет на черный, я все...

У меня есть веб-сайт с комиксами, и изображение на вкладке выбора по какой-то причине перемещается по-разному в каждом браузере, и эта проблема возникла только недавно. Кажется, это похоже только на мой рабочий стол в Chrome. Я также попробовал CTRL...