Обрезка по фигуру
Описание Есть такая конструкция: body { background-color: lightgrey; } div { display: flex; box-sizing: border-box; margin: 0; background-color: white; border: 2px solid grey; } &…
Вопросы по тегу: css
- 1 ▲2 ответ.
- 1 ▲1 ответ.
Как сделать градиентную обводку у текста?
Есть такая картинка. Как у текста можно сделать такую градиентную обводку на CSS?
- 0 ▲1 ответ.
Как сделать плавное появление блока при прокрутке страницы вверх?
Есть фильтр на странице, он находится вверху. Нужно когда крутишь страницу вниз его не было, но когда начинаешь крутить вверх, он плавно, со скоростью прокрутки появляется сверху,…
- 0 ▲1 ответ.
Задать стили при переполнении контента
Как мне задать определенные css стили, при условии, если элементов(кнопок) в списке станет больше при переполнении контента? Изначально данные стили не нужны, только когда элемент…
- 0 ▲1 ответ.
Как сделать след от курсора мышки
Помогите пожалуйста сделать такой же след от курсора как на гифке: Вот код есть примерно похожего: var canvas = document.getElementById("blur_cursor"); var context = canvas.getCon…
- 0 ▲3 ответ.
Как сделать градиентную тень у текста?
В фигме есть такой текст: В фигме это реализовано наложением друг на друга нескольких слоев текста. Можно ли это сделать на CSS?
- 0 ▲1 ответ.
Как поставить иконки перед item?
Возникла проблема с иконками их нужно разместить перед заголовком. И не могу никак понять, что я сделал неправильно. school__item { width: 350px; margin-right: 75px; position: rel…
- 0 ▲1 ответ.
Как заставить блок принимать значение ширинв другого блока?
мне нужно что бы при динамическом изменении ширины div x, менялась ширина div opisanie, и я знаю что без JS это никак нормально не сделать. Так же нужно что бы линии которые подчё…
- 0 ▲0 ответ.
Как верстаются такие блоки?
Есть такой блок, который нужно сверстать: Как обычно верстаются такие блоки? Если делать простую резиновую верстку, то при изменении разрешения экрана высота картинки в широком бл…
- 0 ▲1 ответ.
get /static/main/css/main.css http/1.1" 200 717 что это за ошибка?
Я так и не найду что обозначает данная ошибка. Синтаксис вроде в порядке, тестовый сайт в django запускается. body { background: #2c2c2c; } aside { float: left; background: #18181…
- 0 ▲2 ответ.
js - выпадающий список - скрытые блоки
Имеются: выпадающий список, скрытые блоки. Необходимо - при выборе курсором значения в списке открывается соответствующий блок (не при нажатии на кнопку). Подскажите направления .…
- 0 ▲2 ответ.
Блокирование третьей кнопки при активных двух
Всем привет, использую vanilla JS, есть три кнопки категорий, максимум может быть нажато две кнопки, если две кнопки нажато на третью нажать нельзя. Могут быть нажаты любые 2 кноп…
- -1 ▲1 ответ.
Изменение одного слова на другое с изменением цвета каждые 5 секунд
Как сделать так, чтобы одно слово в тексте менялось автоматически на другое каждые 5 секунд и у каждого слова был свой индивидуальный цвет. При помощи JS, CSS, HTML.
- 0 ▲2 ответ.
При подключении шрифтов отображается только один шрифт
Файл fonts.sass @font-face font-family: 'ABC Monument Grotesk Mono' src: url('./fonts/ABCMonumentGroteskMono-Regular.eot') src: url('./fonts/ABCMonumentGroteskMono-Regular.eot?#ie…
- 0 ▲0 ответ.
Инвертируется выделение текста | JS | CSS
Знает ли кто-нибудь, почему моё выделение так странно себя ведет? При выделении текста внутри section все ок, но если пытаться выделить что-то за пределами, особенно на границе дв…
- 0 ▲1 ответ.
Отступы между элементами flexbox
.text-content { width: 600px; display: flex; justify-content: space-between; align-items: flex-start; } .title { font-weight: 700; font-size: 36px; } .paragraph { font-size: 16px;…
- 0 ▲2 ответ.
Тень внутри текста
Вот макет HTML <h1>ВНЖ ДУБАЙ под ключ на 2 года</h1> CSS h1 { color: #fff; text-transform: uppercase; font-size: 50px; line-height: 1.2; font-weight: 900; } Получается…
- 0 ▲1 ответ.
Не работает align-self: flex-start
Мне нужно, чтобы последний flex-блок выровнялся по верху. Вот что у меня есть на данный момент (нужно, чтобы последний элемент не центрировался по вертикали) .footer { background:…
- 0 ▲1 ответ.
Почему после добавления блоков текст становится без троеточий?
Применяю для первого span стили, чтобы при уменьшении размер экрана текст сокращался: #SPAN_4 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } но если я добавлю…
- 0 ▲2 ответ.
Не могу поменять цвет svg
пытаюсь изменить цвет изображения в css при помощи: .primary svg { fill: white; } .ghost:hover svg { fill: #FFFFFF; } само svg изображение я задал следующим образом: <img src=&…
- 0 ▲1 ответ.
Как создать тень вокруг ссылки при наведении на нее?
Хочу добавить тень к ссылке при наведении на нее (пример тени изображен на картинке). <a href="https://twitter.com/starbucks/" class="sb-iconButton" style="min-width: 44px;min-…
- 0 ▲0 ответ.
Как поставить элементы в исходное положение после нажатия кнопки "Обнулить" js?
Необходимо обнулять значения в полях, которые выводят результаты и ставить фишки в исходное положение. На картинке показано всё, что нужно обнулять. я пишу функцию, которая по наж…
- 1 ▲1 ответ.
Добавить тень к бордюру stroke svg
.spinner { animation: spinner 1.5s ease-in-out infinite; } @keyframes spinner { 0% {stroke-dasharray: 0, 100; stroke-dashoffset: 0} 50% {stroke-dasharray: 65, 35; stroke-dashoffse…
- 1 ▲1 ответ.
Прокручиваемый блок внутри ограниченного блока с элементами
Попытаюсь объяснить по лучше, чего я хочу для начала на словах. У нас есть блок, допустим он height: 150px, внутри него может быть (ну точнее будут) еще несколько блоков неизвестн…
- 0 ▲2 ответ.
Как центрировать текст под блоком с данными времени?
День бодрый, как можно выставить "дней / часов / минут / секунд" под нулями ровно, как в макете. Я сделал это так: HTML: <div class="stock"><span clas…
- 1 ▲3 ответ.
Как сделать разный % у шкалы прогресса в JS
Всем привет. Как при помощи JS задать разный % шкалы прогресса у каждого из навыков, при условии, что я хочу оставить один общий класс в HTML .progress { border-radius: 10px; widt…
- 0 ▲0 ответ.
Как заменить нужные буквы при нажатии на кнопку
Ребята такой вопрос. Я создаю сайт для музыкантов и нужно чтобы при нажатии на кнопку с нужной им тональностью менялись только аккорды а не весь текст как это сделать ? Спасибо за…
- -1 ▲1 ответ.
Почему не работает свойство hover?
Вот мой код, я хочу сделать подчеркивание при наведении на input. .form_field_container::after { content: ""; position: absolute; bottom: -2px; height: 2px; background-c…
- 1 ▲1 ответ.
Как создать эффект загрузки сайта с анимацией уезжающих вверх и вниз чёрных полос?
Как создать такую же анимацию при загрузки сайта как здесь Hyam. Без надписи, чтобы при открытие сайта анимированно верхняя часть чёрной полосы уезжала вверх, а нижняя вниз. Желат…
- 0 ▲0 ответ.
Как получить Dom элемент после отрисовки всех элементов?
У меня есть блок div teams я туда с помощью fetch отрисую все команды. Но когда хочу получить в коде этот блок teams, я получаю пустой блок без команды Как написать чтобы отрисова…