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