CSS - Страница 792

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

У меня возникли проблемы с загрузкой нескольких веб-шрифтов Google в приложении NextJS. Я следую документации здесь.
В моем файле fonts.ts я определяю свои шрифты:
import { Inter, Heebo } from next/font/google ;

export const inter = Inter({...

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

./img1.svg
./img2.svg...

У меня есть li в следующем стиле:
li{
display:inline-block;
padding:5px;
border:1px solid none;
}
li:hover{
border:1px solid #FC0;
}

При наведении курсора на li появляется граница, но li смещается. Возможно ли появление границы, не вызывая...

У меня есть этот макет:

У меня есть элемент div, в котором элементы добавляются и удаляются динамически. Есть ли способ заставить их вписаться в шаблон, показанный на изображении? В элементе div никогда не может быть более 5 элементов...

У меня есть следующий код, где размещается после моего , на который он ссылается в HTML-файле (оба внутри ), но браузер по-прежнему выдает прикрепленную ошибку.

A
B
O
U
T

function hoverWord() {
for (let i = 1; i {
hoverWord();
});

https:...

Я создал текстовую область и установил для нее другое значение. Однако когда пользователь нажимает Ctrl+Z, текстовая область не восстанавливает значение, которое оно имело до программного изменения своего значения. Как мне убедиться, что программное...

У меня есть пробел после изображения, и я не знаю, в чем проблема:

Вот мой код HTML и SCSS:

Title

Вот мой SCSS:
body {
margin:0;
}

main {
display:flex;
flex-direction: column;
align-items: center;
}
.weatherContainer...

src/comComponents/HelloWorld.vue

export default {
name: 'HelloWorld'
}

.bg-beige {
background-color: #f5f5dc; /* Color beige */
}

src/App.vue

./assets/logo.png

import HelloWorld from './components/HelloWorld.vue'

export...

В этом коде есть боковая панель:

Home

Page1

Теперь я хочу изменить только контент, когда пользователь нажимает кнопку боковой панели (Домой или Страница 1)

и я уже есть тело для этих двух материалов (Главная и Страница 1)...

Мне не удалось найти способ стилизовать (установить цвет фона) области столбца-заполнителя, которая появляется при появлении (вертикальной) полосы прокрутки.
Я говорю об этой части :

Это должно быть возможно с помощью CSS или стиля кода.
Я создал...

Просматривая stackoverflow, я вижу, что это очень популярная тема с использованием различных IDE, но ни одна из них не подходит для моих нужд.

Я работаю над одностраничным приложением (используя: html, javascript, css), который имеет несколько...

У меня есть два элемента с анимацией. Анимация первых элементов длится 1 секунду и имеет кривую замедления кубического Безье(0,5, 0, 0,5, 1) (замедление и замедление). Анимация второго элемента начинается через 0,5 с после первого, длится 0,5 с и...

Может кто-нибудь объяснить, почему это происходит?
Я сделал ширину 100%, но по какой-то причине в этом разрешении она ломается.
Не прошу кормить с ложечки или чего-то еще, просто хочу знать, почему это происходит? Заранее всем спасибо!

Fire...

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

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

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

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

Исправление псевдоэлемента .custom-section:after: он не создается...

Можно ли с помощью CSS создать изображения неправильной формы, как в этом URL? В качестве отправной точки я сделал это, но мне не удалось добиться большего количества неровностей на каждой стороне изображения, как в примере URL, упомянутом выше:...

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
overflow-x:hidden;
}

@media(max-width:768px){
body {
width: 100%;
overflow-x:hidden;
}

.nav-bar {
height: 50px;
background-color: #C80036;
}

.ham-bar{
background-color: #C80036;
height:...

Я использую свой обычный скрипт для своего наблюдателя sass, и по какой-то причине наблюдатель не видит никаких изменений.
Моя команда наблюдателя: sass -w --style=compressed...

Мне нужно центрировать элемент div для мобильных устройств. Это мой сайт:
На мобильных устройствах div описания перемещается влево. Я пытаюсь использовать медиа-запросы, но это не работает. Что я делаю не так? На ПК все ок. Это фрагмент моего кода:...

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

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

.intro h3 a {
font-weight: 400;
}

/* Masonry grid */
.masonry {
transition: all .5s ease-in-out;
column-gap: 30px;...

При нажатии на ссылку тега к этому конкретному тегу будет добавлено расширение .active. Я хочу, чтобы, когда в теге присутствовал .active, буква p стала синей (к букве p добавляется .active).
Мне удалось превратить букву p в синюю. Однако у меня...