Ответы пользователя по тегу HTML
  • Параллакс-эффект?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Если не прибегать к сторонним js-библиотекам, да и вообще к скриптам, можно сделать с помощью transform: scale(propertyScale) + transition transform. ну или кейфреймами с анимацией на основе тех же свойств, если мы хотим вызывать параллакс автоматически, а не по наведению или нажатию (hover или focus)
    Ответ написан
    Комментировать
  • Как сделать резиновый отступ у дива?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    ты если отступ делаешь в % , то и ширину делай в %. или всё по пикселям и медиа-запросам. Так хоть не запутаешься. Проценты - злой опыт. С ними всё вечно крашится. Всё равно для планшетов и телефонов всегда надо запросами UI менять. просто чёткую систему медиа-запросов составь, перед тем как делать резину.
    То есть создай первичный каркас. Кстати, тут, многие разрабы сначала создают каркас для мобильной UI сайта. а потом по возрастанию -mobile landscape - tablet - desktop - large desktop. Я советую составлять запросы согласно бутстраповской сетке, если конечно, составляешь CSS, основываясь на нём
    После первичного каркаса иди от мала до велика, или от велика до мала. Тут как сердце тебе подсказывает)))
    Ответ написан
    Комментировать
  • Как растянут фон по бокам блока?

    ShadowOfCasper
    @ShadowOfCasper
    Middle User Interface Web Developer
    Ну как сказать, изображением делать фон - не самый оптимальный вариант. лучше всего сделать , в абсолюте, внутри него ещё один блок .bg-line-header с нужным bg-color, ставим в абсолют и привязываем к bottom блока outer-header. Их растягиваем на 100% и нулевой z-index, или, поскольку они, как я понимаю, дети body, width на inherit, потом обоих закрываем и дальше делаем .inner-header (также по дому принадлежащий body), задаём ему жёсткий width, скажем, как я люблю, в 1170px, и центрируем по margin 0 auto. даём relative и z-index-ом кидаем поверх абсолютов. Конечно, запарнее, чем изображения повесить, зато парсер тебе улыбнётся))))
    ЗЫ сам не пробовал, но, по идее, должно сработать.
    Ответ написан