CSS - Страница 589

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

.leftSide > p {
font-size: 170px;
font-family: 'QuickSand';
text-align: end;
color: #2A2A2A;
-webkit-background-clip: text;
background-clip: text;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25), -1px -1px 5px rgba(0, 0, 0, 0.25);
}

A

Итак, у...

Я говорю о новом API перехода представлений для многостраничных приложений (MPA): >
Я ставлю
@view-transition {
navigation: auto;
}

В моем основном файле CSS и поместите имя-перехода представления: боковая панель; в моем элементе боковой панели;...

class Application extends Component {
render() {
return (

{/*
} />
} />
*/}

);
}
}

const styles = StyleSheet.create({
container: {
backgroundColor:'#F79D42',
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
}
});

export default...

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

body {...

Я запрограммировал непрерывную горизонтальную прокрутку текста, используя CSS @keyframes и два одинаковых тега div.
Проблема, с которой я столкнулся, заключается в том, когда начинается цикл. опять же, перед повторной прокруткой текста происходит...

Я хотел бы создать фон этого изображения, используя только CSS.
img
Я пробовал, но, похоже, не получилось. Это код, который я пытался исправить, но не получилось.
ul.tabs li {
display: inline-block;
position: relative;
margin: 0 0 0 5px;...

У меня есть элемент привязки с элементом img внутри. Элемент img имеет ширину и высоту 16.
Почему элемент привязки имеет высоту более 16, даже если я установил вертикальное выравнивание: middle для img ?

.brand-link {
text-decoration: none;
}...

.leftSide > p {
font-size: 170px;
font-family: 'QuickSand';
text-align: end;
color: #2A2A2A;
-webkit-background-clip: text;
background-clip: text;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25), -1px -1px 5px rgba(0, 0, 0, 0.25);
}

A

Итак, у...

У меня есть веб-сайт, на котором есть ссылка с черноватым фоном: #2b2b2b и белым текстом поверх нее. Моя проблема заключалась в том, что когда я делал длительный предварительный просмотр, текст ссылки по-прежнему оставался белым. Как решить эту...

Я хотел бы отображать увеличенные версии изображений (встроенные в тег рисунка), когда пользователь щелкает изображение, чтобы изображение одинаково выходило за пределы контейнера с обеих сторон. Вот что я пробовал:
figure {
display: block;
height:...

Представьте себе 4 HTML-элемента, расположенных в сетке 2x2.
1 2
3 4

Элемент 3 должен всегда находиться непосредственно под элементом 1 без каких-либо промежутков между ними .

Если высота элемента 2 превышает высоту элемента 1, элемент 4...

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

.featured-game {
background-color: rgb(25, 25, 25);
border-radius: 15px;
box-shadow: 0 0 25px rgba(47, 120, 255,...

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

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

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

Как увеличить размер шрифта при наведении курсора мыши? Цветовые переходы со временем работают нормально, но размер шрифта почему-то сразу переключается.

Пример кода:

body p {
font-size: 12px;
color: #0F9;
transition:font-size 12s;...

Я использую PrimeNG начиная с Angular 4. Я обновил свои приложения до Angular 18 и PrimeNG 17, потому что PrimeNG задерживался с обновлением. На этой неделе я обновил свое первое приложение, добавив 19 последних версий Angular и PrimeNG. У меня...

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

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

Итак, у меня есть дизайн Figma, в котором мне нужно добавить внутреннюю тень к тексту. Дизайн Figma
Вот мой код:
.leftSide > p {
font-size: 170px;
font-family: 'QuickSand';
text-align: end;
color: #2A2A2A;
-webkit-background-clip: text;...

Элемент доступен для поиска в Chrome. Другими словами, у меня может быть что-то вроде этого:

John Doe
123 Main Street
Springfield, OK
73000

Тогда, если я нажму Ctrl+F для «Главной улицы», Chrome автоматически откроет мне подробную информацию....

Насколько мне известно, в CSS до сих пор не существует такого понятия, как «относительный пиксель». ( 1 relative pixel == 1px , если 1rem == 16 пикселей, или пропорционально изменено, если нет).
Я ищу выразительный способ эмуляции этих единиц.
На...