CSS - Страница 806

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

Коротко говоря, у меня есть раскрывающееся меню с тремя изображениями сигарет (250x34). Когда я навожу на них курсор, они превращаются в сигареты с дымом (250х222). При наведении мысли второй образ оттесняет другие образы. Я понимаю разницу в...

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

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

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

Почему для разработки макета веб-сайта обычно используют flex, а не сетку?
Для страниц с одномерным макетом имеет смысл использовать flex.

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

У меня есть Iframe внутри модального окна. Я не могу установить фиксированную высоту для Iframe, потому что разные страницы внутри него имеют разную высоту. Если я установлю высоту на 100%, мой iframe будет иметь высоту 150 пикселей, и у меня будет...

После того, как пользователь вошел на поврежденную страницу моего веб-приложения с помощью серверной навигации, каждый компонент на странице кажется нарушенным. Но после обновления страницы становится нормально. Вот код для входа:
use server ;...

Я пытаюсь создать такой блок —
png

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

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

Я пытаюсь установить высоту моего div, чтобы его можно было прокручивать вниз и полностью скрывать вверху. Таким образом, высота элемента должна быть чем-то вроде Calc(parent_padding_top + max-content + 100vh), верно? Идея состоит в том, что я хочу...

введите здесь описание изображения
Я пытаюсь создать таблицу в Angular 12 с подстолбцами. Я добавил изображение того, что на самом деле пытаюсь создать.
Я пытаюсь создать таблицу в Angular 12 с подстолбцами. Я добавил изображение того, что на самом...

Я обернул тег img тегом div.

И я задал свойства ширины и высоты для продукта-img-wrapper. Но размер изображения не подстраивается под размер экрана.
css
.product-details-container {
box-sizing: border-box;
}

.product-img-wrapper {...

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

Я столкнулся с большой проблемой при гибком кодировании направления CSS.
Мне нужен первый класс .column .left на синем фоне и первый класс .column .right на красном фоне. Но второй класс .column .left на красном фоне и второй класс .column .right на...

Для справки: попытка воспроизвести этот эффект закрепления на веб-сайте агентства Different By Design:
https:// i.sstatic.net/cWx0pHpg.png

Прямо сейчас у меня есть док:

А вот CSS:
#dock > div > svg:hover {
transform:...

Итак, я провел небольшое исследование и близок к ответу, но то, что я пытаюсь сделать, может оказаться невозможным только с помощью CSS, на что я очень надеюсь.

Конечная цель — установить ширину элементов с классом кирпичей на уровне 90 %, если...

Я пытаюсь использовать Bootstrap 5 в пользовательском элементе Vue 3 Options Api. У меня возникли проблемы с правильной загрузкой начальной загрузки.
Это мой файл main.ts:
import { defineCustomElement } from 'vue'
import...

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

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

First item

Second item

Но вместо этого я хочу написать их в уценке и...

В документации Tailwind по его конфигурации свойство расширения используется несколько раз, но не поясняется разница между настройками свойства theme и свойства theme.extend.
module.exports = {
content: ,
theme: {
colors: {
'blue': '#1fb6ff',...

В моем HTML я создал DIV для своего текста (чтобы я мог использовать его в CSS), и мне хотелось бы перенести его на страницу и разместить рядом с изображением. По сути, на моей странице я хотел бы, чтобы мой текст находился слева, а изображение...

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

menu

James Smith

Вот как выглядит контейнер, но я хочу удалить эту полосу...

Как решить эту проблему? У меня есть гостевая книга с именем таблицы, и когда пользователи набирают спам-письма, подобные этим словам АААААААА ........ они позволяют моей странице выйти за пределы оригинального размера! как это исправить .. Обратите...

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