Jump to content
  • 0

A как вы делаете кривые линии блоков?


Нарек
 Share

Question

Собственно вопрос. Скрин

Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет?

Вариант canvas знаю что есть, только ищу легкий путь)

Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0

Да согласен, в таком случае не сработает метод. Тогда предлагаю использовать SVG.

В ИЕ9 вроде есть его поддержка (только пример мой допилите по-человечески - доктайпы там и т.п.). Даже можно попробовать повторить на VML, тогда получите поддержку аж в ИЕ6+.

  • Like 2
Link to comment
Share on other sites

  • 0
Тогда предлагаю использовать SVG.

 

Это лучший вариант спасибо! С синтаксисом не знаком, подскажите пожалуйста какими параметрами играться чтобы направление кривой поменять? В примере справа налево, как менять слева направо?

 

upd: нашел)

Edited by Нарек
Link to comment
Share on other sites

  • 0

Самое простое - два фона: фотография и белая фигурная рамка. Добавляете фоны к одному элементу, чтобы рамка была внизу и перекрывала фотографию.

Если пользователь в настройках браузера, задаст свой цвет для body, то этот белый фон будет не красиво смотреться.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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