CSS - Страница 28

Я пытаюсь добиться особого эффекта расширения с помощью прокрутки в React, используя @gsap/react и ScrollTrigger.
Требования:
Высота раздела: общая высота раздела составляет 115vh.
Триггер и рост: изображение начинается с небольшого размера. Как...

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

#pulse {
width: 50px;
height: 100%;
}

#show {
float: left;
margin-top: -200px;
margin-left: 10px;
border: none;
height: 40px;...

На моей html-странице есть контейнер, левый и правый div. Левый и правый div заключены в контейнер, имеющий ширину 20% и 80% соответственно.

Проблема

В #right div у меня есть набор полей, ширина которого установлена ​​как auto. Этот набор полей...

Я пытаюсь создать макет, показанный ниже, с помощью flexbox. Ширина внешнего элемента div (столбец) определяется самым широким из светло-серых элементов div (номер элемента 1 и ниже), а текст в верхнем элементе div динамически заполняет эту ширину....

Я пытаюсь выровнять параметры DropDownList по правому краю, но, похоже, это не работает.

HTML:

CSS:

.MyDDL
{
width:100px;
text-align:right;
}

CSS применяется (ширина DropDownList увеличивается до 100 пикселей), но параметры внутри...

Используя чистый CSS , как я могу осветлить RGB, например: rgb(255, 0, 0)
Миксин SASS Lighten работает хорошо: Lighten(rgb(255, 0, 0), 25%), однако он не поддерживает такие переменные CSS: Lighten(var(--redColor), 25%)
Мне нужно использовать...

В настольном Chrome я использую cmd+option+c для Mac для проверки веб-сайта. Я хочу знать ярлык/способ сделать то же самое в Android.
Спасибо за вашу информацию.

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

У меня есть код ниже, который создает фоновый радиальный круговой градиент.

он хорошо работает во всех браузерах, кроме IE (не работает даже в IE9)

что мне добавить в CSS, чтобы он работал и в IE9 и IE8?

Код:

html {
background-color:...

Используя чистый CSS , как я могу осветлить RGB, например: rgb(255, 0, 0)
Миксин SASS Lighten работает хорошо: Lighten(rgb(255, 0, 0), 25%), однако он не поддерживает такие переменные CSS: Lighten(var(--redColor), 25%)
Мне нужно использовать...

Я создал веб-сайт, который работал на шаблоне Cargo Collective (похожий на Squarespace) с двумя расположенными рядом независимо друг от друга активными областями с моими проектами, и с помощью Gemini я смог создать мобильную версию, чтобы отображать...

Я впервые пытаюсь использовать JS после изучения Handlebars в Codecademy. Это прекрасно работает; единственная проблема заключается в том, что только первый элемент {{each}} учитывает мой CSS: .limage {float: inline-start;
HTML:
{{#each...

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

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

Недавно я обновил свой проект с Tailwind CSS v3 до v4 и использую Next.js 16.0.8 с Tailwindcss ^4.0.0. В версии 3 я в значительной степени полагался на Tailwind.config.js для настройки цветов, размеров шрифта, интервалов и расширений темы. После...

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

Я хочу сделать что-то подобное с Tailwind

@/media screen and (max-width: 995px) , screen and (max-height: 700px) { ... }

Возможно ли это?

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

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

Я только что обновился до IPython 1.0, и новый интерфейс ноутбука работает очень хорошо. На моем экране теперь ширина по умолчанию составляет около 50% страницы, что улучшает читаемость. Однако я часто работаю с длинными временными рядами, которые...

У меня есть изображение в моем div#wrapper, которое я хотел бы отобразить, но этого не произойдет, если я не заполню область после соответствующего div текстом.
У меня есть overflow:auto; в моем #wrapper, так как у меня есть плавающие элементы в...

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

Я узнал , что CSS разрешает содержимое только в :after или :before псевдоэлементы. Существует ли...

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

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

Списки представляют собой гибкие контейнеры с flex-wrap: Wrap, поэтому элементы размещаются в строках и могут переноситься на следующую строку....

Я хочу сделать что-то подобное с Tailwind

@/media screen and (max-width: 995px) , screen and (max-height: 700px) { ... }

Возможно ли это?

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

Я использую FullCalendar v6 в приложении React + TypeScript с dayGridMonth. Мне нужна сетка месяца, чтобы все события всегда были видны (без «+больше»), и чтобы высота строки недели увеличивалась до максимального количества событий на этой неделе...

Как применить стиль к пустому полю ввода? Если пользователь вводит что-то в поле ввода, стиль больше не должен применяться. Возможно ли это в CSS? Я попробовал это:
input

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