Задать вопрос
  • Не работает тень + слайдер, есть варианты?

    @Homkadesigner Автор вопроса
    Пума Тайланд, лан, сделаю без теней. Все это грустно. Убираем hidden у слайдер - карточки вываливаются, оставляем тени режутся и через падинги и через отрицательный маргин. Если скрывать через js - тоже вываливаются карточки или работают не правильно.
    Написано
  • Не работает тень + слайдер, есть варианты?

    @Homkadesigner Автор вопроса
    Пума Тайланд,
    .slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    }

    /* Внутренний viewport — тени не режутся */
    .slider-viewport {
    overflow: visible !important; /* ← тени видны */
    padding: 30px 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    }
    /* Трек — двигаем */
    .slider-track {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease;
    width: 100%;
    }

    /* Карточки — ровно 3 в ряд */
    .slider-track .doc-card {
    flex: 0 0 calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    min-width: calc((100% - 40px) / 3);
    box-sizing: border-box;
    padding: 10px;
    }
    .doc-card {
    background: var(--white);
    padding: 20px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08)); /* ← не обрезается */
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    transition: 0.3s ease;
    box-sizing: border-box;
    }

    .doc-card:hover {
    border-color: var(--accent-gold) !important;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.15)) !important;
    transform: translateY(-4px) !important;
    }

    Если убрать у slider-wrapper hidden, то карточки отображаются все, а не скрываются. А если оставить hidden - то тень режется
    Написано
  • Не работает тень + слайдер, есть варианты?

    @Homkadesigner Автор вопроса
    b65f0a03262e54721d9b598f829bbcdb.png
    Вот режеться справа слева. Если задать большие отступы, то отображение 3 карточек уже будет не по ширине блока, либо меньше, либо больше. Это уже визуально нарушает структуру.
    Написано
  • Не работает тень + слайдер, есть варианты?

    @Homkadesigner Автор вопроса
    Проблема в том, что тень не внизу, у него нет сдвига по x, y. Из-за этого обрезается при любом раскладе
    Написано
  • Не работает тень + слайдер, есть варианты?

    @Homkadesigner Автор вопроса
    Все равно viewport - режет тень 3 карточки, и все равно не ровным блок получается. Как ни крути, но решения нет, чтобы 3 карточки были по ширине самого блока, при этом не резалась тень и работал слайдер.
    Он обрезает тень 3 карточки, а при клике на стрелку - обрезает левой карточки. Я писал, что паддинги и маргини тоже не сработаю.
    По сути все равно не будет ровно по блоку
    Написано
  • Пропадает цвет при outline stroke в фигме?

    @Homkadesigner
    AnnieP, слева в параметрах этого слоя не задан stroke. Только fill, а fill - это цвет.
    Нужно задать stroke на пикселей 30, 100 - в зависимости от размера вектора (масштаба). Сейчас он не задан в параметрах этого слоя
  • Иконки в меню - стоит ли ставить?

    @Homkadesigner
    Mitch Conner, А причем тут "от иконок уже отходят" ? Это не тенденция. Есть дизайны где они уместны - интерфейсы. Любая букмекерская контора, приложения без иконок не обходиться. Интернет магазины и прочие. Поэтому не вижу смысла для обсуждения.
  • Пропадают линии в Figma?

    @Homkadesigner Автор вопроса
    Если к верху и низу привязать, то линии не пропадают, а смешаются верх. Это не решение проблемы. Я так и не разобрался что это за баг.
  • Пропадают линии в Figma?

    @Homkadesigner Автор вопроса
    Jun ior, А пробовали способ что ниже? Выровнять линии по верху и низу. По стандарту стоит верх и лево.
  • Как убрать скругления углов у rectangle?

    @Homkadesigner
    Нарисуй новый прямоугольник. Может баг какой-то. Хотя у тебя есть эта фигня, но там 0 стоит. Может ты его изменял (2 раза нажав на него) тогда скругление пропадет.
    Либо если это вектор, то там можно навести и будет типо точки или другой фигни, за нее тянешь и скругление уходит.
    А еще проще скопировать уже готовый, зачем заморачиваться? У тебя 3 справа без скруглений, скопируй, а этот удали.
  • Играет ли роль разрешения дизайна сайта для верстальщика?

    @Homkadesigner Автор вопроса
    Выше описал полностью в комменте к другому пользователю
  • Играет ли роль разрешения дизайна сайта для верстальщика?

    @Homkadesigner Автор вопроса
    Я не говорю про интерфейсы или сложные сайты, магизны и т.д.. Речь идёт об стандартных лендинг ах и сайтах компаний. В основном 3 разрешения - мобайл 360, планшет 768 и десктоп 1440 с рабочей областью 1170. То есть стандартный набор. Если речь идёт об не стандартном, то естественно под все нужные рисую. Тут больше вопрос к верстальщику/фронтенду. Ему хватает десктопа на 1440, чтобы создать адаптивным дизайн или все таки нужно рисовать под 1920, но на 1920 уже будет другой макет с другой рабочей областью, по другому это можно назвать ресайз макета. Я пишу о том, что не вижу смысла рисовать макет под 1920 с рабочей областью 1170, потому что макет под 1440 имеет так же рабочую область 1170 и разница между ними лишь в фоне. Но так как дизайн рисуем мы в фигме, то проблемы с фото/фона и нет, так как фото фигма не крашит, а фоны векторные. Поэтому и такой вопрос. Пока никто из верстальщиков ни разу не писал что ему нужен макет 1920 с рабочей областью 1170, будь то магазин или сайт. Если вопрос только в фонах, то смысла рисовать под 1920 нет никакого, ибо лишние 350+ пикселей по бокам, на которых максимум фон. А есть дизайны которые нарисованы в сетке и фоны так же в сетке, то есть такой стиль, особенно у студий или агентств такой стиль. То если нарисовать под 1920, то по бокам будут пустые отступы по 350+ пикселей без фонов и фото и зачем тогда рисовать под такое разрешение. Сейчас в дизайне все пытаются делать векторные бекграунды или одно цветные, которые при рстяжении не меняются ни как вообще, а фото обычно 1920×1080, то как бы вопрос задан именно сейчас, потому что все меняется.
  • Играет ли роль разрешения дизайна сайта для верстальщика?

    @Homkadesigner Автор вопроса
    Если рисуем по стандарту мобайл, десктоп и планшет, то 1440 на десктопе вполне нормально для верстальщика, так как такие сайты не заточены под ретину
  • Играет ли роль разрешения дизайна сайта для верстальщика?

    @Homkadesigner Автор вопроса
    Алекс Глебов, Почему будут размыты? Фон - это обычный беграунд, который прописывается в верстке с указанием цвета фона. Как может фон к примеру черный быть размытый? Размытыми будут только фотографии или фоны градиенты или бекграунды не разноцветные. Но в таком случае есть исходники каждого фона с разрешением 1920х1080. В чем тогда проблема? У меня все фоны/фото есть в большом разрешении.
  • Играет ли роль разрешения дизайна сайта для верстальщика?

    @Homkadesigner Автор вопроса
    ну как бы да, обычные бэкграунды, в чем проблема то взять и растянуть фон в котором 1 цвет на весь экран?
  • Играет ли роль разрешения дизайна сайта для верстальщика?

    @Homkadesigner Автор вопроса
    Так ответа так и нет. В чем проблема показать те же кнопки по бокам на разрешении 1440? Тут нет ответа на мой вопрос, ибо jivo кнопки - это скрипт подключаемый уже к готовому сайту, а попапп окно больше рабочей области - это что за окно такое, может примеры есть? Пока что вы ничего не сказали по сути, а просто написали не удобно верстать потому что там jivo кнопки разные, которые кстати можно отобразить и на 1440/1600 разрешение макета дизайна. Мне сложно представить, как вы уместить в рабочую область футер и шапку сайта - в смысле? Как и всегда. Всю жизнь помещается, а тут вдруг не поместиться. И по 12 пунктов вмещается и никогда никто не жаловался. Может вы такой вертальщик (если верстальщик) я пока жду конкретики, а не пустословия. Плохому танцору знаете что мешает