Jump to content

Igor Schnaider

Expert
 View Profile  See their activity

  • Posts

    825

  • Joined

  • Days Won

    81

 Content Type 

Everything posted by Igor Schnaider

  1. Igor Schnaider
    Попробуйте с objectBoundingBox: <svg> <defs> <clipPath id="WavesPolygon" clipPathUnits="objectBoundingBox"> <polygon points="0 0, .95 0, .95 .08, .8 .05, .6 .1, .4 .15, .2 .2"></polygon> </clipPath> </defs> </svg>
  2. Igor Schnaider
    Еще вариант: .get_in_touch{ background: linear-gradient(rgba(250, 0, 0, .75), rgba(250, 0, 0, .75)), url(../img/your_project_img.png) no-repeat top /cover; } p.s. C ховером, конечно, отдельным слоем делать.
  3. Igor Schnaider
    Там вместо display:none надо было обнулить width и height.
  4. Igor Schnaider
    В первом случае, думаю, дело в transform в CSS. С атрибутом transform, вроде, работает. (Но что мешает сразу поставить букву на нужное место просто через координаты?) По поводу clip-path: FF сейчас обновился, работает. Но раньше нужно было использовать SVG для описания clip-path. https://codepen.io/anon/pen/awmzev IE и Edge не поддерживают.
  5. Igor Schnaider
    Самое простое — подсвечивать SVG элементы, если у вас карта на SVG. Тогда не надо будет ничего позиционировать. Если у вас обычная картинка, то либо высчитывать отступы, задавать их в относительных размерах. Но тогда если карта еще и масштабируется, то это тоже прийдется учитывать. Либо немного упростить и делать слой с подсветкой на весь размер карты. Про то, чтобы загорались регионы, принцип такой.
  6. Igor Schnaider
    https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule
  7. Igor Schnaider
    1, 2, 3.
  8. Igor Schnaider
    Лучше сам текст использовать в качестве маски для шестиугольника. Типа такого. И я бы преобразовал его в пути, чтобы он не поехал с центра, если будет использоваться fallback шрифт.
  9. Igor Schnaider
    https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/RegExp http://shop.oreilly.com/product/9780596528126.do — если хотите подробно изучить.
  10. Igor Schnaider
    Работает же ))
  11. Igor Schnaider
    top: 0; left: 0; right: 0; bottom: 0; добавьте
  12. Igor Schnaider
    Во-первых, не надо рисовать вручную. Делайте в редакторе. Нарисовали один многоугольник, клонировали его, поставили все на свои места. Оптимизатор их съест в один path. Отдельно — линия, которая будет иллюстрировать прогресс. И маска для картинки. Сам текст можно простым HTML вставить поверх.
  13. Igor Schnaider
    В смысле не масштабируется? Вы, наверное, ширину фиксированную оставили просто. https://codepen.io/anon/pen/qmVPde
  14. Igor Schnaider
    Можно с SVG так поэкспериментировать. Решение уродское, конечно )).
  15. Igor Schnaider
    На скорую руку как-то так. P. S. А вообще, достаточно посмотреть, как у них сделано.
  16. Igor Schnaider
    Ну если речь идет не о решении в лоб (if-else... ∞), то гуглите decision tree. https://en.wikipedia.org/wiki/Decision_tree
  17. Igor Schnaider
    Да вроде нормально.
  18. Igor Schnaider
    IE 8 их не поддерживает. http://caniuse.com/#search=vh
  19. Igor Schnaider
    Ну тогда по-уродски вешать классы и чередовать table и table-cell. https://codepen.io/anon/pen/OmbLVy
  20. Igor Schnaider
  21. Igor Schnaider
    Таблицей сделайте.
  22. Igor Schnaider
    Если на элементе HTML свойства background-image или background-color имеют значения none или transparent соответственно, браузер должен распространить значение этих свойств от элемента BODY. https://codepen.io/anon/pen/OmXBVb
  23. Igor Schnaider
    Это тот случай, когда наследование всплывает, а не распространяется на потомков. https://drafts.csswg.org/css-backgrounds/#body-background
  24. Igor Schnaider
    https://drafts.csswg.org/css-flexbox-1/#item-margins
  25. Igor Schnaider
    В смысле не работает? Можно пример.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept