CSS - Страница 69

Я новичок и в настоящее время работаю над клоном веб-сайта. Я столкнулся с проблемой, когда значок SVG обрезается сверху, когда он отображается внутри круглого контейнера.
Я пробовал несколько подходов CSS, таких как центрирование с помощью flexbox,...

Используя только CSS3, есть ли способ добавить красивый эффект плавного появления и перехода слева направо к DETAILS/ SUMMARY раскрыть?
Демонстрацию этого нового тега можно посмотреть в этой демонстрации:

details {
transition:height 3s ease-in;
}...

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

new Glide('.glide').mount()

Слайды слайдера видны. Однако после вставки вышеупомянутого вся часть под...

это код:

.mask1 {
-webkit-mask-image: url(catTwo.png);
mask-image: url(catTwo.png);
mask-repeat: no-repeat;
mask-size: 300px 300px;
width: 400px;
}

.mask2 {
-webkit-mask-image: url(catTwo.png);
mask-image: url(catTwo.png);
mask-repeat:...

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

Мне нужен (2) эффект, при котором белая тень текста выглядит почти на 100% белой и делает эффект более резким, но мне, похоже, нужна непрозрачность, чтобы создать среднюю часть. (1) и (3) были моими попытками поиграться с непрозрачностью тени...

Я работаю над созданием шаблона электронного письма на день рождения с помощью Power Automate. Моя цель — динамически размещать и перекрывать изображения в шаблоне. Однако когда я запускаю поток и отправляю электронное письмо, изображения не...

Я работаю со старой таблицей стилей CSS, и некоторые записи похожи на:

.calibre18 {
color: windowtext;
font-family: Book Antiqua , serif ;
font-size: 1.29167em;
line-height: 1.2;
}

Это продолжает вызывать ошибки в цвете: windowtext; Я...

Эти разрывы слов не происходят, когда HTML открывается в веб-макете Microsoft Word или если сам текст вставлен в другое программное обеспечение, такое как Word, CorelDraw или Adobe Pagemaker.
Более того, подобное поведение наблюдается на Android с...

Я пытаюсь встроить проигрыватель Vimeo в качестве фона, чтобы он заполнял контейнер, но он продолжает отображаться с пробелами по обе стороны.
Единственный способ отчасти исправить это — установить ширину и высоту примерно на 150 % или что-то в этом...

Можно ли подделать пустое изображение в html, которое ведет себя как настоящее, но не существует?

Например, у меня есть адаптивный столбец, в котором должно быть изображение размером 200x150 пикселей (стилизация которого: ширина: 100%; высота:...

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

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

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

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

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

Кто-нибудь знает обходной путь/метод?

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

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

У меня есть таблица mat с множеством столбцов, и данные в некоторых ячейках mat пусты. Я хочу, чтобы моя ячейка mat-head унаследовала ширину моей ячейки mat-header.
Примечание: ширина моей ячейки mat-header зависит от ее содержимого. Я использовал...

Редактировать в 2020 году (функции min, max, Clamp) Всем, кто попал сюда через поисковые системы:
Функции min/max/clamp CSS получили некоторую поддержку в последних браузерах (2020 г.). Вы можете попробовать максимальную ширину: min(200px, 50%);. Вы...

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

var makeImage = function() {
$('#image').remove();

$(document.body).append('

');

var img...

Вот мой сайт:
Наведите указатель мыши на два черных прямоугольника на главной синей панели навигации (область заголовка). a:hover должен изменить цвет на серый. ПРОБЛЕМА в том, что в Chrome это выглядит идеально. Но в Firefox правый отступ...

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

Можно ли (не стесняйтесь просто сказать «нет») добиться того же...

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

Это мой код для этого:

sample

Lorem Ipsum

See More

../Humaaans/sitting-4.svg

Проблема в том, что я...

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

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