CSS - Страница 677

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

Мне удалось добиться чего-то, как показано ниже

В настоящее время мне нужна помощь расположив мой div...

Моя проблема проста: я хочу получить значение при определенном значении t кривой Безье, имеющей 2 точки. Один в позиции (0, 0), а другой в позиции (1, 1). Оба имеют одну касательную с координатами x и y. Как ни странно, когда я порылся в Интернете,...

Я использую WordPress для своего веб-сайта (демо) с Elementor и установил собственное видео .webm (URL-адрес https и медиа-библиотеку того же сайта) в качестве фона для контейнера.
Я также добавил черный фон в качестве запасного варианта. Когда я...

Проблема в том, что .bottom содержит изображение в сетке CSS. Изображение увеличивается, заполняя столбец сетки, и растягивается .bottom за пределы заданной высоты. Такое поведение происходит, несмотря на то, что я попытался установить max-height:...

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

У меня есть этот HTML-код на странице Wordpress:

#myTest {
font-family: FuzzyRegular ;
font-size: 3vw;
overflow-wrap: break-word;
word-wrap: break-word;
color: #000;
text-align: left;
font-weight:400;
letter-spacing:2px;
padding-right: 2.19em;...

Я использую TailwindCSS и столкнулся с проблемой при создании нижнего колонтитула.

base.html

{% include partials/nav.html %}

{% block content %}
{% endblock %}

{% include partials/footer.html %}

footer.html

{% load static %}
{%...

На простой странице мне нужна одна кнопка вверху и две кнопки внизу. При прочих равных условиях, когда я добавляю класс «fixed-bottom» в div, содержащий кнопки, которые нужно закрепить внизу, это приводит к тому, что кнопки охватывают всю ширину...

Даже после применения z-index -1 к ::after контекст стекирования ::after не такой, каким я хочу, и я много наблюдал и исследовал, но до сих пор не могу решить эту проблему, я прочитал здесь много ответов, но все равно не помог

body {
height:...

Селектор знака плюса ( + ) предназначен для выбора следующего соседнего одноуровневого элемента.
Существует ли эквивалент предыдущего одноуровневого элемента?

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

Кажется, я не могу этого понять. Я использую Next.js, typescript и chakraUi.

При просмотре моего приложения с помощью инструментов проверки оно работает точно так, как предполагалось.
При просмотре моего приложения на мобильном телефоне оно...

Я разработал свой сайт в Photoshop, затем использовал инструмент «Срез» и сохранил его для Интернета, я попробовал. Чтобы дать всем немного больше деталей, вот мой код. Это автоматически отформатированный код из опции «Сохранить для Интернета» (я...

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

ul {
columns: 4;
list-style-type: none;
padding: 0;...

Изображения становятся очень размытыми, если вы используете изменение размера изображения, например, показываете маленькое изображение с измененными размерами, например;

largeimage.jpg

В других браузерах он не размыт, но в Chrome он такой...

У меня есть собственный компонент карусели (с использованием React, Typescript и Tailwind) –
import React, { useState } from 'react'

interface Slide {
content: React.ReactNode
title: string
description: string
}

interface CarouselProps {
slides:...

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

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

У меня есть собственный компонент карусели (с использованием React, Typescript и Tailwind) –
import React, { useState } from 'react'

interface Slide {
content: React.ReactNode
title: string
description: string
}

interface CarouselProps {
slides:...

Я новичок в этом, поэтому будьте терпеливы.
Я пытаюсь изменить внутренний HTML-код этого диапазона при загрузке страницы:
My Team

Я хотел бы изменить текст «Моя команда» на «Мое мероприятие». Я искал несколько часов, и, кажется, ничего не...

Я создаю боковую панель для своего веб-сайта.

Когда появляется моя боковая панель (нажата кнопка showRight), я хочу отключить фоновое содержимое, чтобы пользователь не мог делать что-либо за пределами меню.
Когда пользователь щелкает фон,...

Я изучаю веб-разработку и работаю над проектом. У меня на странице есть два элемента:
Заголовок с градиентом (подзаголовок градиент-текст).
Кнопка (следующая кнопка).
Мне нужны оба элемента. элементы должны располагаться в одной строке внизу...

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

codepen

body {
max-width:...

Я хотел изменить цвет и модель стрелки раскрывающегося списка.

из других сообщений post1, post2 в stackoverflow я смог изменить цвет стрелки, но не смог измените дизайн стрелки. Как это получить?

Мой текущий раскрывающийся список

Обязательно...

Итак, для создания проекта я использую ChakraUI и React JS. Всякий раз, когда я запускаю проект, он выдает ошибку: «TypeError: невозможно прочитать свойства неопределенного значения (чтение «useSystemColorMode»)».

Я не редактировал ни глобальную...

Даже после применения z-index -1 к ::after контекст стекирования ::after не такой, каким я хочу, и я много наблюдал и исследовал, но до сих пор не могу решить эту проблему, я прочитал здесь много ответов, но все равно не помог

body {
height:...