CSS - Страница 798

У меня подключена библиотека AOS для анимации

AOS.init({
useClassNames: true,
initClassName: false,
animatedClassName: 'animated',
once: true
});

На главном экране у меня есть слайдер

function initSlideshowSlider(slider) {
let splide = new...

Почему Bootstrap не следует свойствам с префиксом поставщика с их аналогами без префикса в следующем примере?
Файл: bootstrap-5.3.3-dist\bootstrap.css
Кроме того, я обнаружил, что свойство -moz-border-radius больше не работает. Когда я попробовал...

Как создать анимацию значка, которая воспроизводится только при наведении курсора на другой элемент?
Я делаю тупой проект, чтобы лучше понимать HTML, CSS и JavaScript (я Я новичок).
Мне хотелось, чтобы стрелки плавно перемещались справа налево и...

Сейчас у меня есть нижний колонтитул внизу моей страницы. в большом окне просмотра (выше 575 пикселей) все выглядит так, как должно. Я создал медиа-запрос, чтобы уменьшить размер лицевой стороны ниже этой точки останова, но он укладывает две части...

Как создать анимацию значка, которая воспроизводится только при наведении курсора на другой элемент?
Я делаю тупой проект, чтобы лучше понимать HTML, CSS и JavaScript (я Я новичок).
Мне хотелось, чтобы стрелки плавно перемещались справа налево и...

Есть ли способ использовать

text-overflow: ellipsis

Я думал о CSS-фреймворке Tailwind

Я хотел бы использовать соглашение о попутном ветре, например:
&__title {
@apply text-overflow-ellipsis;
}

Вместо

&__title {
text-overflow: ellipsis;
}...

Проверка страницы
Я создал веб-сайт на WordPress, и этот «х» появился из ниоткуда. Это сайт электронной коммерции, на котором установлен WooCommerce. Когда я проверяю страницу в браузере, появляются вот такие результаты (см. изображение). Будем...

body {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}

.circle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #333;
color: #fff;
font-size: 32px;
font-weight: 600;...

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

Я хочу отключить свойство сортировки в API dataTable. Я использую bsort:false, чтобы отключить сортировку по всем столбцам.

Это работает хорошо, но по-прежнему в первом столбце отображается значок сортировки. Почему?

$( #reportgrid ).DataTable({...

Мне нужно отобразить сетку в формате таблицы, например, у меня есть две строки, за которыми изначально следует следующий CSS:
Шаг 1:
.grid-container {
display: grid;
grid-template-columns: auto;
background-color: #2196F3;
padding: 10px;
}...

У меня есть с дочерними элементами . Все являются братьями и сестрами. Мне нужно, чтобы все они были братьями и сестрами, чтобы htmx.takeClass(); выделял активный элемент. Моя раскладка такая:

Group 1
Item 1
Item 2
Group 2

Чтобы создать...

В своем проекте я использую Next.js 14 с Tailwind CSS. Я заметил, что служебные классы CSS Tailwind не всегда распознаются сразу после их добавления.
Чтобы увидеть новые служебные классы в действии, мне нужно остановить сервер разработки, удалив...

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

Я использую модальные окна Angular, однако я заметил, что часть модальных окон начинает обрезаться при уменьшении высоты. В основном верхний и нижний колонтитулы:
Текущее поведение
До изменения размера

После изменения размера

Обратите...

У меня есть страница, которая использует единицы REM с медиа-запросами.
скажем, внутренний.php

Я включаю эту страницу в другую свою веб-страницу
скажем, внешний.php содержит внутренний.php.

Здесь внутренний.php использует размер шрифта html для...

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

Почему селектор input в приведенном ниже примере переопределяет селектор класса .num?
Разве оба не должны иметь специфичность 1?
Я ожидал, что то, что будет объявлено позже, переопределит первое.

input {
width: 100px;
}

input {
border: 2px solid...

У меня есть форма, которая заполняет вкладку «История» списком. Я хочу стилизовать каждую индивидуально. когда я пытаюсь сейчас, он создает все элементы списка как один элемент.
Я также хочу иметь возможность индивидуально стилизовать имя задачи и...

Друзья, у меня такая проблема на многих страницах моего сайта. Кто-нибудь знает, как это решить?
/*! elementor - v3.9.2 - 21-12-2022 */
.elementor-widget-text-editor.elementor-drop-cap-view-stacked...

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

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

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

const updateVisibleItems = () => {
const...

Я пытаюсь создать заголовок страницы с особыми требованиями к изображению баннера, в дизайне которого есть 4 перекрестные линии вместе с логотипом.
Изображение: https:/ /sample.tiiny.site/resources/home-banner-bg.png
Мне нужно поместить часть текста...

У меня есть следующий код:

Document

body {
padding: 0;
margin: 0;
grid-template-areas: usrdscr;
}

main .usrcontainer {
grid-area: usrdscr;
display: flex;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
background-color:...