CSS - Страница 70

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

Карта, созданная с помощью Bootstraps

Hello, world!

body {
background-color: #f5f7fa;
}

.card {
border: none;
border-radius: 15px;
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
cursor: pointer;
}

.card...

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

У меня есть набор переключателей в ячейке таблицы. Цвет фона ячейки таблицы отличается от фона страницы.

Основываясь на других данных, я иногда отключаю один или несколько переключателей. Если этот параметр отключен, внутренняя часть переключателя...

В iOS (ВСЕ браузеры) эффект свечения (через тень текста и анимацию) не отображается в SVG.
Один и тот же код работает должным образом в браузерах для настольных компьютеров (Chrome, Edge) и Android.
Я пробовал использовать префиксы -webkit и...

Простые карточки с призывом к действию. Для гибкого направления установлено значение столбца для медиа-запроса

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

Я создал таблицу размеров продукта с помощью плагина Table Press для Wordpress. Затем я создаю поп-музыку с помощью плагина Pop Maker и добавляю к ней таблицу. Затем я добавляю всплывающее окно в виде ссылки на страницу одного продукта на моем...

ИСПОЛЬЗОВАНИЕ BOOTSTRAP И SCSS: большие статьи и пара меньших статей должны соответствовать друг другу по высоте, независимо от количества контента в них.
В настоящее время, когда большие статьи располагаются рядом с маленькими статьями, между...

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

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

У меня есть Sortable с методом onMove, который в некоторых случаях возвращает false. Как я могу изменить курсор на «не разрешено», когда он возвращает false, чтобы пользователю было ясно, что ему не разрешено помещать туда элемент. Это то, что я...

Я хочу заключить область просмотра двумя SVG-изображениями, каждое из которых будет занимать 50 % пространства, не оставляя промежутков между ними или вокруг них. Chrome отображает это правильно, но Firefox и Safari отображают небольшие пробелы...

Точка зрения: у вас есть веб-сайт, полный курсов.
Как сделать его доступным для клиентов с помощью панели поиска? Включая панель навигации и возможный способ изменения структуры страницы таким образом, чтобы на ней отдавалось предпочтение желаниям...

У меня есть меню боковой панели, которое прекращает прокрутку при достижении элемента «Категории» в списке, тем самым не позволяя пользователю перейти к другим элементам списка в меню боковой панели. Хотя, когда элемент категории развернут, он...

Я столкнулся с очень запутанной проблемой при измерении ширины кнопки с помощью offsetWidth.
Я использую Vue 3 и Quasar (q-btn). Визуально кнопка выглядит совершенно правильно, а текст, который я пытаюсь отобразить на ней, отображается в одну...

У меня есть следующее определение CSS для создания кнопки, похожей на стрелку вправо:

.btn-arrow-right {
background: none;
border: 0;
font-size: 22px;
line-height: 2em;
position: relative;
width: 8em;
height: 2em;
}

.btn-arrow-right a {
color:...

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

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

Я использую GSAP Flip для анимации изображений из сетки карточек в детальном представлении путем изменения родительского состава изображения, по которому щелкнули. Анимация работает правильно для 3-й , но 1-я, 2-я и 4-я карточки демонстрируют...

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

В настоящее время у меня есть этот встроенный код на сайте SharePoint, который я разрабатываю.

Несмотря на то, что приведенный ниже код частично работает, у меня все еще есть следующая проблема.
Если для прокрутки установлено значение «нет»,...

У меня есть меню боковой панели, которое прекращает прокрутку при достижении элемента «Категории» в списке, тем самым не позволяя пользователю перейти к другим элементам списка в меню боковой панели. Хотя, когда элемент категории развернут, он...

Это мой раздел перед библиотекой Scrollsmoother:

// CAMERA SCALE
const historyElement = document.querySelector('.history');
const historyHeight = historyElement.offsetHeight;
const cameraTl = gsap.timeline({
scrollTrigger: {
trigger: .history ,...

Я использую GSAP Flip для анимации изображений из сетки карточек в детальном представлении путем изменения родительского состава изображения, по которому щелкнули. Анимация работает правильно для 3-й , но 1-я, 2-я и 4-я карточки демонстрируют...

У меня есть меню, состоящее из ul и li, упрощенное, как показано ниже. Я не хочу устанавливать фиксированную высоту в пикселях ни для ul, ни для li. Для li я использую height: fit-content. Высота всех ли может меняться в зависимости от текста...