CSS - Страница 691

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

Arabic Font Rendering Test

body {
direction: rtl;
/* Right-to-left direction */
text-align: right;
/* Align text to the right */
margin: 20px;
font-size: 24px;
/* Font size for easier...

Существует ли свойство CSS, которое уменьшает элемент html, имеющий фиксированные размеры, когда размер окна меньше размера содержимого?
Другими словами, содержимое должно уменьшаться (и сохранять то же соотношение), чтобы соответствовать новому...

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

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

У меня был родительский svg класса Matrix3d, как его изменить без дочернего пути?
.matrix {
overflow: visible;
transform: matrix3d(0.524752, -0.50495, 0, 0.010099, -0.475248, 0.49505, 0, 0.0095049, 0, 0, 1, 0, 1.48515, -1.48515, 0, 1);
}...

$( #colour ).change(function(event) {
console.log($(this).val());
});
input {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}

Хотя я сделал округлено, когда я ввожу значение (по крайней мере, в Safari), вместо этого...

Я пытаюсь использовать на веб-сайте SVG, созданный в Figma. Хоть убей, я не могу заставить SVG уважать родительский контейнер. Я использую Tailwind для CSS. Вот код:

Что я здесь делаю не так?
ТИА

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

Похоже, что недавно вышло обновление Google Chrome, из-за которого текст после преобразования: Scale() становится размытым. Конкретно я делаю это:

@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}

50% {
opacity: 1;...

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

Я пытаюсь использовать на веб-сайте SVG, созданный в Figma. Хоть убей, я не могу заставить SVG уважать родительский контейнер. Я использую Tailwind для CSS. Вот код:

Что я здесь делаю не так?
ТИА

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

Я хочу реализовать в Next.js функциональность, при которой:
Когда пользователь нажимает на ссылку, он прокручивается до определенного раздела на той же странице.
ссылка становится активной (например, меняет цвет, получает подчеркивание и т. д.) при...

.div1 {
position: relative;
padding-bottom: 25%;
background: lightcoral;
}

.img-container {
position: absolute;
height: 100%;
background: green;
}

.img1 {
height: 100%;
opacity: 50%;
}

Результат Chrome (ожидаемый результат):...

У меня был родительский svg класса Matrix3d, как его изменить без дочернего пути?

.matrix {
overflow: visible;
transform: matrix3d(0.524752, -0.50495, 0, 0.010099, -0.475248, 0.49505, 0, 0.0095049, 0, 0, 1, 0, 1.48515, -1.48515, 0, 1);
}...

Требования:
Добавьте следующие правила CSS в файл Styles.css:
Селектор идентификаторов для игровой таблицы идентификаторов должен:
Используйте свойство border, чтобы добавить сплошную рамку толщиной 2 пикселя, используя цвет из переменной CSS...

Я создаю макет html/css, который должен выглядеть следующим образом:
( поле представляет собой ссылку. Чтобы расширить область активной ссылки на весь блок и обеспечить позиционирование текста внизу каждого элемента сетки, я установил каждую ссылку...

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

$( #colour ).change(function(event) {
console.log($(this).val());
});
input {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}

Хотя я сделал округлено, когда я ввожу значение (по крайней мере, в Safari), вместо этого...

Мне трудно разобраться с масштабированием шрифтов.
Сейчас у меня есть веб-сайт с размером шрифта в теле, равным 100 %. Хотя 100% чего? Кажется, это рассчитано на 16 пикселей.
У меня сложилось впечатление, что 100% каким-то образом относится к...

Можете ли вы помочь мне создать элемент div, имеющий форму, как на этом рисунке, используя clip-path в css?
Я хотел бы использовать clip-path вместо маски, потому что мне нужно примените его к элементу div.
Заранее спасибо
Форма здесь: shape...

На своем веб-сайте я пытаюсь составить список плиток, каждая из которых имеет свое приложение:

body { background-color: gray; }

.tile {
width: 200px;
height: 250px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
border: 5px solid...

Прокрутите немного, пока Safari не свернёт адресную строку, а затем нажмите «Далее». Вы можете видеть, что нижняя панель скрыта. Попробуйте прокрутить еще раз, нижняя полоса восстановит свое положение.

Vite App

const app =...

На моем статически сгенерированном сайте есть список ссылок с пояснениями в скобках, например

Вот ссылка (и еще несколько пояснений) .

Когда я запускаю форматировщик кода для исходного HTML, он выглядит примерно так, как первый пример в...

У меня есть изображение PNG на html-странице. Можно ли отобразить его с исходным разрешением, независимо от разрешения экрана, коэффициента масштабирования дисплея Windows или любых других настроек?
Например, мой png имеет размер 1543 x 780...

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

Пыталась получить

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