CSS - Страница 660

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

Мы пытаемся реализовать функцию, позволяющую пользователю распечатать HTML-сегмент нашего приложения, мы генерируем данные электронной таблицы в div, а затем планируем использовать printJS для их печати (мы вызываем printJS с именем нашего div и...

Я пытаюсь реализовать плавную прокрутку для всей страницы, но у меня возникла проблема, при которой прокрутка «подскакивает» вверх и вниз, а не движется плавно. Кажется, он непредсказуемо подпрыгивает, а не плавно, как ожидалось.
Что я сделал:
Я...

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

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

У меня проблемы с кодом. Я пытался создать карусель для своего веб-сайта, и есть две проблемы: первая — кнопки карусели не работают, они просто переносят меня в начало страницы. страница, которую я пытался противодействовать с помощью JS, во-вторых,...

Это очень простая HTML-страница с сеткой из трех столбцов.

Я хочу, чтобы в контейнере сетки было 3 столбца.

Но я также хочу что элемент должен иметь зазор, например justify-content:space-between

Пожалуйста, скажите мне, как я могу добиться...

Я пытаюсь отобразить изображение в контейнере размером 100 x 100 пикселей. Соотношение сторон изображения не 1:1, поэтому использование фонового изображения: обложка на контейнере заполняет его без искажений.
Чтобы добиться особого эффекта, я...

Есть ли способ определить соотношение ширины ранжированного списка (перетащить отсюда узкое сюда шире), которые выровнены по горизонтали? Можем ли мы отрегулировать/уменьшить пространство между двумя списками?
Пример из пакета sortable (
## Example...

Я использую D3 для увеличения изображения при нажатии и колесике мыши. Все работает нормально, но первое масштабирование сильно глючит.
Вот демо-версия приложения.
Вот как я приближаюсь к объекты:

const star =
const galaxy =
const nebula =...

Я хотел бы создать такой макет:
png

Для этого я хочу использовать популярную утилиту CSS Framework Tailwindcss . Кто-нибудь знает, как действовать? Любое направление мне поможет.
Я уверен, что такая структура возможна, но я ничего не могу найти....

С помощью этого руководства я работаю над созданием всплывающего окна с помощью Divi. У меня возникли трудности с изменением javascript, чтобы закрыть всплывающее окно, щелкнув внешнюю область. Вот код: (Я попробовал много изменений, но...

Я получаю } ожидаемую ошибку в визуальном коде для закомментированной строки. Кто-нибудь знает почему?

@keyframes wordSlider {
$steps: -0%, -25%, -50%, -75%;
@for $index from 0 to length($steps)-1 {
$next: $index + 1;
$step: floor(100/...

Я загрузил следующий видеоэффект снега:
Затем я поместил его на следующую html-страницу:

/* Hintergrundbild für die Seite */
body, html {
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;...

В моем поле выбора отображается прокрутка, когда количество опций превышает 20. Я просто хочу, чтобы прокрутка отображалась, когда опций больше 10.

1
2
3
4
5
6
7
8
9
10
11

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

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

У меня есть эта строка CSS, и она довольно хорошо работает в CSS, но я хотел бы добиться того же с попутным ветром. Я знаю о Tailwind Rotate, но он не делает это точно так, как CSS ниже
transform: translate(25px, 55px) rotate(10.217deg);

Спасибо...

По умолчанию Visual Studio 2022 не поддерживает вложение CSS в простые файлы .css.
Объявления вложения, такие как:
.selector {
.child-selector {
}
}

Вызывает предупреждения Intellisense и портит форматирование.
Конечно, этот синтаксис...

Я закодировал это:

$(document).ready(function() {
$( button ).click(function() {
alert( Width of #text: + $( #text ).width());
});
});
* {
margin: 0;
padding: 0;
font-family: sans-serif;
}

#container {
width: 300px;
height: 150px;...

Я изо всех сил старался использовать CSS-файл с ограниченной областью действия (с помощью Stylance) для стилизации компонента Leptos, и, кажется, это работает, но стили просто не применяются. Файл правильно читается Stylance и модуль генерируется...

Есть ли какой-нибудь способ с помощью CSS создать эффект вырезания прозрачного текста из фона , подобный показанному на следующем изображении?

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

.png

Сначала я...

У меня есть следующий текст кода
, чтобы каждая строка сотрудника была выделена разным цветом. Однако результат охватывает не все строки.

Я пытался изменить:

для

но в результате не все столбцы выровнены. Посоветуйте, пожалуйста.
Я...

У меня есть настройка сетки с максимальной шириной ячеек, установленной так, чтобы, начиная с достаточно большого экрана, она располагалась посередине с пространством вокруг, используя justify-content: center;:

Можно ли как-то сделать элемент,...

Мне было поручено изменить данный код, использующий сетку CSS, на код, использующий макет CSS flexbox.
Это была заданная структура HTML:

something.jpg

Item 1

Price: €8

Details

something.jpg

Item 2

Price: €5/p>

Details

...(4 more...

По умолчанию Visual Studio 2022 не поддерживает вложение CSS в простые файлы .css.
Объявления вложения, такие как:
.selector {
.child-selector {
}
}

Вызывает предупреждения Intellisense и портит форматирование.
Конечно, этот синтаксис...