torsar 0 Опубликовано: 19 февраля Жалоба Рассказать Опубликовано: 19 февраля Изображения во вложении. Волна с тенью. Как верстать текст, менюшку и кнопко знаю. 🙂 Без изображений можно? Цитата Ссылка на сообщение Поделиться на других сайтах
Full-R 6 Опубликовано: 19 февраля Жалоба Рассказать Опубликовано: 19 февраля 29 минут назад, torsar сказал: Изображения во вложении. Волна с тенью. Как верстать текст, менюшку и кнопко знаю. 🙂 Без изображений можно? Без изображений не стоит, нужно 2 радиуса и куча умственных извращений. Сделайте SVG(Рисуем SVG с Boxy - Графические редакторы - Учим делать сайты. HTML форум. (htmlforum.io)). Попробуйте картинки перегнать в SVG, а тень можно сделать фильтром drop shadow. Цитата Ссылка на сообщение Поделиться на других сайтах
npofopr 426 Опубликовано: 20 февраля Жалоба Рассказать Опубликовано: 20 февраля https://getwaves.io/ Цитата Ссылка на сообщение Поделиться на других сайтах
torsar 0 Опубликовано: 20 февраля Автор Жалоба Рассказать Опубликовано: 20 февраля Хе-хе. Сверстал. 🙂 Гляньте. может что посоветуете? 🙂 https://jsfiddle.net/ys54bhwL/ Цитата Ссылка на сообщение Поделиться на других сайтах
Full-R 6 Опубликовано: 20 февраля Жалоба Рассказать Опубликовано: 20 февраля (изменено) 37 минут назад, torsar сказал: Хе-хе. Сверстал. 🙂 Гляньте. может что посоветуете? 🙂 https://jsfiddle.net/ys54bhwL/ Это не правильно. Ваше изображение до сих пор не векторное так как вы вложили закодированное PNG внутрь SVG файла. Чтобы изображение хорошо расширялось нужен векторный подход. Попробуйте прогнать PNG вот тут(тень нужно предварительно убрать, а потом накинуть фильтр drop shadow). Я иногда использую этот сервис для преобразования готовых графических файлов с прозрачностью. Лучше всего отрисовать волну с заполнением самому. Размер файла будет приятно мал, а все остальные эффекты можно делать фильтрами и через CSS. Цвет например можно менять динамически. Изменено 20 февраля пользователем Full-R Цитата Ссылка на сообщение Поделиться на других сайтах
torsar 0 Опубликовано: 20 февраля Автор Жалоба Рассказать Опубликовано: 20 февраля 2 часа назад, Full-R сказал: Попробуйте прогнать PNG вот тут( Почему то урезает изображение с 1140 на 87 до 400 на 30.526315789473685 Я поменял width и height и viewBox соответственно 1140 на 87. Но не масштабируется. Цитата Ссылка на сообщение Поделиться на других сайтах
npofopr 426 Опубликовано: 20 февраля Жалоба Рассказать Опубликовано: 20 февраля Вас генератор то чем не устраивает? Зачем вы сами что то там рисуете, конвертируете и т.п. Есть ещё масса примеров на https://codepen.io/search/pens?q=waves запрос только скорректировать Цитата Ссылка на сообщение Поделиться на других сайтах
Full-R 6 Опубликовано: 21 февраля Жалоба Рассказать Опубликовано: 21 февраля 15 часов назад, npofopr сказал: Вас генератор то чем не устраивает? Зачем вы сами что то там рисуете, конвертируете и т.п. Есть ещё масса примеров на https://codepen.io/search/pens?q=waves запрос только скорректировать Сможет ли этот человек сделать волну по задумке дизайнера 1 в 1? Они же с говном людей едят даже за микроскопическое несоответствие. 16 часов назад, torsar сказал: Почему то урезает изображение с 1140 на 87 до 400 на 30.526315789473685 Я поменял width и height и viewBox соответственно 1140 на 87. Но не масштабируется. Выложите PNG без тени - я вам помогу. Цитата Ссылка на сообщение Поделиться на других сайтах
torsar 0 Опубликовано: 22 февраля Автор Жалоба Рассказать Опубликовано: 22 февраля (изменено) 21.02.2021 в 05:38, Full-R сказал: Выложите PNG без тени - я вам помогу. У меня нету psd - макета. Есть png с изображениями (типа макета, только в png - файле). И есть такая фигня (во вложении). Это html файл. Я не знаю, что это такоя. И png без тени я выложить не могу. Нужно такоя (я вырезал паинтом из png-макета и отмоштабировал с соблюдением пропорций) (во вложении) Изменено 22 февраля пользователем torsar Цитата Ссылка на сообщение Поделиться на других сайтах
Full-R 6 Опубликовано: 22 февраля Жалоба Рассказать Опубликовано: 22 февраля 15 минут назад, torsar сказал: У меня нету psd - макета. Есть png с изображениями (типа макета, только в png - файле). И есть такая фигня (во вложении). Это html файл. Я не знаю, что это такоя. И png без тени я выложить не могу. Нужно такоя (я вырезал паинтом из png-макета и отмоштабировал с соблюдением пропорций) (во вложении) Тестовое задание? Если вы уже на этом зарабатываете, лучше делайте как получается. Если же хотите стать современным и дальновидным разработчиком вернитесь и дорисуйте. У boxy есть видео на официальном сайте. Вы с эти макетом далее попадаете скорее всего на ковейр очередной студии, где мозги не нужны, а работают по старинке не моя руки после того как какали. Хоть и макет неплохой. Цитата Ссылка на сообщение Поделиться на других сайтах
torsar 0 Опубликовано: 22 февраля Автор Жалоба Рассказать Опубликовано: 22 февраля 10 часов назад, torsar сказал: И есть такая фигня (во вложении). Это html файл. Я не знаю, что это такоя. Первое вложение. Что это такое? Новая версия: https://jsfiddle.net/torsar/df3wnxL2/2/ Только при уменьшении размера браузера по горизонтали появляется зазор между <div> и <svg>. Как решить проблему? Цитата Ссылка на сообщение Поделиться на других сайтах
torsar 0 Опубликовано: 23 февраля Автор Жалоба Рассказать Опубликовано: 23 февраля Новая версия: https://jsfiddle.net/torsar/df3wnxL2/2/ Волна (svg) не отображается в ie 11. В чем проблема? Цитата Ссылка на сообщение Поделиться на других сайтах
Full-R 6 Опубликовано: 23 февраля Жалоба Рассказать Опубликовано: 23 февраля 33 минуты назад, torsar сказал: Новая версия: https://jsfiddle.net/torsar/df3wnxL2/2/ Волна (svg) не отображается в ie 11. В чем проблема? IE 11 никто не делает, а в Газпром вас не возьмут 😉 Никто уже не сможет оплатить такую работу по поддержке. <div></div> <svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 87"> <defs> <filter id="shadow"> <feDropShadow dx="0" dy="5px" flood-color="#1B0C42" flood-opacity="50%" stdDeviation="3" /> </filter> </defs> <path d="M 0 60 C 0 60 283 87 427 43.5 C 427 43.5 855 -60 1143 60 L 1143 0 0 0 Z" style="stroke:none;fill:rgb(54, 40, 124);filter:url(#shadow);" /> </svg> Если убрать style, то ни каких отступов не появляется. Нужно сделать SVG через background чтобы все тянулось как надо. Цитата Ссылка на сообщение Поделиться на других сайтах
torsar 0 Опубликовано: В среду в 09:41 Автор Жалоба Рассказать Опубликовано: В среду в 09:41 Как сделать тень сверху, как во вложении. И как убрать зазор между svg и div.main-footer? https://jsfiddle.net/6xtek9yz/ Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.