Jump to content

vaskes

Newbie
  • Posts

    11
  • Joined

  • Last visited

About vaskes

  • Birthday 10/07/1979

Information

  • Sex
    Мужчина
  • Interests
    HTML/CSS/JS/

Contacts

  • Web site
    http://webnotepad.ru

vaskes's Achievements

Explorer

Explorer (1/14)

0

Reputation

1

Community Answers

  1. Ответ найден спасибо Юлии Бухваловой преобразование систем координат демо
  2. добавте к атрибутам основного svg два отрибута viewBox="0 0 width height" preserveAspectRatio="xMidYMid meet" так же для ваших вложенных path c отрисовками полей добавтье четкие координаты. Проще все это отрисовать сначала в каком нибудь векторном редакторе, исходную картинку и нарисовав поверх неё ваши hover, a потом добавить атрибуты которые я выше упомянул. Естественно width и height меняются на ваши. Значения "xMidYMid" в атрибуте preserveAspectRatio, обозначают откуда будуте расчитываться масшатабирование, "mee" это тип масштабирования. Если я правильно понял проблему, это должно помочь.
  3. Приветствую всех! Eсть проблема. Когда задаешь svg свойство transform="rotate, scale, .....", это свойство создаёт новую действующую систему координат SVG-элемента. Расскажите, как вы с этим боретесь и боретесь ли вообще. Для иллюстрации . В примере когда применяется hover, кружок улетает, как сделать так что бы он остался на месте и просто повернулся на 45deg
  4. Спасибо! А можно как то вообще этого избежать? Я в как то в svg столкнулся с подобной проблемой, там помог атрибут shape-rendering='auto'Может и у transform есть какое нибудь свойство, которое поможет корректно отрендерить linear-gradient и border.
  5. Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!
  6. 12.16 Но вообще хотелось бы более универсальное решение от 9 и выше, если конечно такое возможно. тогда только js Спасибо.
  7. 12.16 Но вообще хотелось бы более универсальное решение от 9 и выше, если конечно такое возможно.
  8. Здравствуйте все. Очень буду признателен за любую помощь. есть такой тег: <input type="range" min="0" max="100" step="1" value="50" />Каким образом можно полностью изменить его отобржение в браузере Opera, не используя JS ?
  9. Спасибо большое за направление!
  10. Здравствуйте! Сразу прошу прощения если данная тема уже обсуждалось на форуме. Поиском пользовался не нашел ответа. И честно говоря даже не представляю как задать вопрос правильно. Проблема в следующем, есть следующие css конструкции: .my_class [color=#ff0000]>[/color] a { различные свойства}[/indent] [indent=1]#my_id:cheked [color=#ff0000]~[/color] .my_class_2{ свойства}[/indent] [indent=1]#my_id: [color=#ff0000]+[/color] a { свойства} скажите что делают ">" "~" "+" данные символы в этих конструкциях или направте где про них можно почитать.
×
×
  • 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