CSS - Страница 163

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

В Safari на iOS 26, когда страница прокручивается вниз, а адресная полоса сжимается внизу, видовой порт, по -видимому, вытесняется вертикально, что, в свою очередь, сдвигает положение элементов с положением «Фиксированное» или «липкое».
Пример...

Можно ли воссоздать старый телевизионный эффект с фотографий с использованием CSS и JS? /> css
.vignette {
background-image: url(
@include fill;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 10000;
}
.scanlines {
@include...

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

42.80
42.80
52.51
60.40
96.28
69.18
54.43
69.18
96.28
60.40

42.80
42.80
52.51
60.40
96.28
69.18...

Я создал веб -сайт: Omicrome.com. Версия настольного компьютера работает (найти бар и несколько вещей, которые я все еще работаю, которые не имеют значения). Когда я захожу на мобильную версию, все увеличивается. Если я не устанавливаю просмотр и...

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

У меня есть следующее:

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

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

Я применяю размытый фильтр CSS3 на изображение, но неожиданно эффект размытия выходит из исходного размера изображения (по крайней мере, в браузерах WebKit).

Я использовал переполнение: hidden; , но это не работает.

вот мой код:

/> html:...

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

Подходит Visual ViewPort (не макет Viewport)
Подходит ширина (вертикальная прокрутка OK, не требуется...

Я использую CoteedEdaitable = true и document.execcommand , чтобы стилизовать текст, который пользователь набрал. Стиль. Вы знаете, как это сделать?

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

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

Я хочу иметь раздел div, который как можно больше заполняет его родителя Div, сохраняя соотношение. далеко:

html,
body {
height: 100%;
}

.parent {
/* Parent's height and width are unknown,
it could be dynamic, e.g. parent is part of a flex...

Класс границы не существует. Если граничный график является пользовательским классом, убедитесь, что он определен в @layer директива. @tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
* {
@apply border-border; /* error */
}...

Элемент A - это Div с черным текстом (элемент SPAN) и GIF черного текста (элемент IMG), которая имеет исправленную позицию. Element B is a color GIF (img element) that does not have position fixed and when you scroll, it can go beneath element A....

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

function draw(color) {
const ctx = document.querySelector( canvas ).getContext( 2d );
if...

У меня есть следующее:

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

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

Я хочу применить преобразование, используя высоту экрана в качестве переменной в расчете:
.rotated {
--viewport-width: 100dvw;
--viewport-height: 100dvh;
transform-origin: top right;
transform: rotate(90deg) scale(calc(var(--viewport-height) /...

Элемент A - это Div с черным текстом (элемент SPAN) и GIF черного текста (элемент IMG), которая имеет исправленную позицию. Element B is a color GIF (img element) that does not have position fixed and when you scroll, it can go beneath element A....

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

.wl-bird-bg {...

Я хочу SVG в качестве изысканного, но я не хочу ссылаться на его отдельный файл, как так:

Я хочу поместить этот значок, который я получил от Bootstrap в качестве значка без необходимости загрузки:

Есть ли способ сделать это?

Подробнее...

Вот однопадный HTML-файл, который демонстрирует проблему:

* {
margin: 0;
padding: 0;
}

#container {
height: 100vh;
width: 100vw;
background-color: blue;
}

document.addEventListener('click', () => {
if (document.pointerLockElement ===...

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

.wl-bird-bg {
height:...

Привет всем , я в настоящее время работаю над проектом Note, я пытаюсь сосредоточить свои заметки, используя Flex Box без каких -либо бесполезных пространств , посмотрите на фотографии, вы поймете, что я имею в виду.
/icons/invisible.svg...

Класс границы не существует. Если граничный график является пользовательским классом, убедитесь, что он определен в @layer директива. @tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
* {
@apply border-border; /* error */
}...

Во-первых, я хотел бы отметить, что я использую готовый сценарий, и, поскольку в нем было слишком много строк, и я не знал, где его разделить, Stackoverflow не позволил мне добавить его, мне пришлось загрузить коды в Codepen. /> Я хочу изменить цвет...