CSS

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

Было бы грустно проиграть все драгоценное SEO из-за изображений, заменяющих текст.

.png

Сначала я...

Я пытаюсь сосредоточить сумму цен в моих продуктах, связанных с Woocommerce. Я могу центрировать название продукта, но не цену. Как я могу это исправить?

Я пробовал разные комбинации кодов (разделенные символом «//»), но ни одна из них не...

Я создал веб-сайт на фарси. адрес моего веб-сайта — znmana.ir.
Шрифты моего веб-сайта на моем компьютере подходят, но иногда они меняются на некоторых страницах после того, как я загрузил их на хост.
CSS-коды:
@font-face {
font-family: vazir;
src:...

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

Учитывая следующее приложение argonDash:
library(shiny)
library(argonDash)
library(argonR)
library(purrr)

n=3
ui

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

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

Элементы пяти и семи столбцов в этом HTML-коде постоянно разбиваются на новые строки вместо того, чтобы отображаться рядом (они заполняются простым HTML-кодом в JavaScript. Даже если я их жестко закодирую, они не работают. Я что-то упускаю ?...

В настоящее время я создаю проект, который показывает взаимодействие типов покемонов. По сути, у меня есть 3 набора столов. 2 для переключателей и 1 для отображения результатов. Я понимаю, что могу использовать td:hover, чтобы применить цвет фона,...

Я наткнулся на этот анимированный нижний колонтитул с волнами воды на YouTube и сейчас сам работаю над проектом, поэтому решил внедрить этот нижний колонтитул в свой собственный проект. Дело в том, что это не работает. Изображение «волны» вообще не...

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

Если текст помещается внутри контейнера: он центрируется по вертикали.
Если текст...

У меня есть элемент , как показано в коде ниже. Как отобразить номера строк вдоль левого поля?

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

У меня есть следующий код, который перестал работать после нового обновления Chrome. Как добиться кросс-браузерного стиля полосы прокрутки?

// Note: Shared Scrollbar Style
const scrollbarSharedStyle = {
scrollbarColor: `${themeLayers.scrollBar }...

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

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

Отредактировано:
Это таблица и CSS:

.table-hover tbody tr:hover {
background-color: #fff !important;
}

Type
Column heading
Column heading
Column heading

Default
Column content
Column content
Column content

Primary
Column...

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

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

Мне нужна страница с примерно таким макетом:
...

...
...

...

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

Мне дана следующая задача:

Настоящий HTML-код, который у меня есть: Два изображения наложены друг на друга.( ниже html), когда пользователь наводит курсор на изображение переднего плана, в соответствии с правилами CSS непрозрачность будет...

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

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

У меня есть несколько карточек в столбце, созданном с помощью Bootstrap 5:

В настоящее время каждая из карточки располагаются одна под другой, но я этого не хочу.
Как видите, мой .section был создан так, чтобы занимать только все окно браузера (...

Я пытаюсь привести свою программу в соответствие с результирующим изображением другой программы. хотя при использовании «display:flex» я не нашел, как переместить прямоугольник/квадрат на одну сторону страницы (в частности, на левую), вдоль оси Y и...

Я использовал селектор :empty в классе .error. проблема в том, что даже если внутри div с классом ошибки нет содержимого, класс ошибки не удаляется полностью.
Когда я тестировал Firebug, я обнаружил, что в div все еще есть пробелы, и когда я удаляю...

У меня есть несколько карточек в столбце, созданном с помощью Bootstrap 5:

В настоящее время каждая из карточки располагаются одна под другой, но я этого не хочу.
Как видите, мой .section был создан так, чтобы занимать только все окно браузера (...

Учитывая следующее приложение argonDash:
library(shiny)
library(argonDash)
n=3
ui

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