CSS - Страница 769

Поэтому я попытался научиться реализовывать React.
Когда я нажимаю открытую панель, мне нужно выполнить поиск в текстовом поле, а после отображения результатов мне нужно перетащить результаты в таблицу и столбец.
Но у меня не получается перетащить...

Я потратил целый день на то, чтобы выяснить, как создать анимацию после наведения указателя мыши на ссылку с помощью Tailwind-CSS.
Вот анимация, которую я хочу, чтобы моя ссылка выглядела как видео.
Пример из Youtube
Я пробовал использовать :after,...

Я обновляю сайт, созданный с помощью Gatsby 5.1. Я хочу добавить в проект глобальную таблицу стилей, чтобы применить стиль ко всему веб-сайту, и понял, что лучший способ сделать это — просто импортировать ее в файл gatsby-browser.js. Я сделал это,...

У меня есть эта кнопка в HTML:

Это часть складной боковой панели, которую я создал с помощью Bootstrap (официально называемой offcanvas). Когда я наведу на это курсор мыши, я хочу, чтобы значок sidebar-toggle-default сменился на значок...

я пытаюсь использовать v-if для отображения двух кнопок в разных контейнерах на странице, в зависимости от размера экрана
есть ли способ изменить родительский элемент элементов в @media или способ использования размера экрана в v- если условие?
я...

Можно ли импортировать таблицы стилей CSS на страницу html с помощью Javascript? Если да, то как это можно сделать?

P.S. JavaScript будет размещен на моем сайте, но я хочу, чтобы пользователи могли вставлять своего веб-сайта, и он должен иметь...

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

Итак, я заметил, что Letterboxd изменяет размер в соответствии с размером экрана, не искажая при этом какие-либо функции сайта.
Как я могу применить это ко всей моей странице? Они просто увеличивают и уменьшают масштаб...

Я понятия не имею,...

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

Краткая версия: если я использую счетчик столбцов в своем CSS и печатаю страницу в PDF-файл, печатается только первая страница, независимо от того, сколько данных находится на веб-странице. Я использую этот CSS более двух лет, и совсем недавно он...

Кто-нибудь знает, как дать подсказку плагину браузера Dashlane оставить текстовое поле в покое?

Для большинства менеджеров паролей браузера , установка для свойства auto-complete значения off работает, например: .

Для LastPass рекомендуется...

У меня есть гибкий контейнер и 2 элемента. Голубой элемент имеет несколько диапазонов. Чего я хотел бы добиться, так это сделать максимальную ширину голубого элемента такой же большой, как и текстовые интервалы. И гибкий элемент также должен быть...

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

Я ищу способ сделать это с помощью HTML + CSS. У меня есть прокручиваемый список, где каждый элемент имеет значок рядом с ним, расположенный с позицией: абсолютный, как половина вне контейнера списка. Контейнер списка должен иметь параметр...

как скрыть невидимую кнопку (рис. 2)? Я хочу скрыть кнопку «Просмотреть меньше», так как я хочу, чтобы кнопка «Просмотреть больше» появлялась только при наведении курсора на элемент сетки, и невидимый элемент будет скрыт. (Как вы можете видеть на...

Давайте рассмотрим следующее:
.hexagon {
position: absolute;
width: 200px;
height: 200px;
background-color: rgba(32,78,64,0.25);
z-index: 20;
/* -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */
-webkit-clip-path:...

Сейчас у меня есть преобразование CSS Matrix3d, которое мне нравится, скажем, например, следующее:
transform: matrix3d(1.3453,0.1357,0.0,0.0003,0.2096,1.3453,0.0,0.0003,0.0,0.0,1.0,0.0,-100.0,-100.0,0.0,1.0);
transform-origin: 0 0;

Я использую...

Я разработал мобильную навигацию для своего сайта, но у меня возникли проблемы с размещением ее поверх других элементов на изображении проблемы слоя страницы.
На странице есть три текстовые области, которые я Кажется, я не могу сесть за меню, из-за...

Я создаю веб-библиотеку с помощью Spring Boot и Thymeleaf. CSS работает нормально, когда конечной точкой является «localhost: 8080/Library/write», однако, когда я пытаюсь изменить свою конечную точку на «localhost: 8080/Library/blogwriting/write»,...

У меня возникла странная проблема с веб-приложением. Обычно пользователь щелкает правой кнопкой мыши веб-страницу и выбирает «Печать». Он просматривает документ в режиме предварительного просмотра, а затем решает, как его распечатать.
В Chrome все...

Я хочу создать карточку статьи с макетом, как показано ниже:
Макет
Но я не силен ни в HTML, ни в CSS. и я понятия не имею, как можно добиться такого эффекта. Если у вас есть хоть малейшее представление о том, как это можно сделать, поделитесь,...

У меня есть простой пример, где я устанавливаю ::before, чтобы задать оттенок фона. Я делаю это с элементом display: flex. Затем я установил для одного из гибких элементов значение flex: 1. Происходят две вещи, которые мне не нравятся:

Флекс:1...

У меня есть динамический текст в диапазоне. Я хотел бы использовать line-clamp: 2.
В этом случае существует макс. 2 строки текста, а остальное обрезается на ….
Это работает с:
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:...

Я использую Next.js + TailwindCSS для проекта, и шрифты в Chrome кажутся более плавными по сравнению с Firefox и Safari. Я не знаю, почему это происходит. Вы также можете видеть, что размер блока информационного бюллетеня в Safari намного меньше,...

progress {
border: none;
width: 400px;
height: 60px;
background: crimson;
}

progress {
color: lightblue;
}

progress::-webkit-progress-value {
background: lightblue;
}

progress::-moz-progress-bar {
background: lightcolor;
}

Я пробовал...