Я ищу, чтобы на дне навигационной панели появилась волна. Подобно прилагаемому изображению. Нижняя граница Похож на волну
0
A
ответ
0
вы можете посмотреть в SVG путей (http://www.w3schools.com/svg/), вы можете использовать онлайн-приложение (http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html) или приложение, как Inkscape для создания или
Pro редактировать СКГ:
- эти грузы быстро браузер (лучше, чем картинки)
- вы можете применять эффекты и анимацию к нему
- чешуи очень хорошей
Contra:
, когда другой разработчик смотрит на свой код, он не может видеть то, что вы там делаете
- добавить четкие комментарии
- или сохранить его в файл и .svg добавить его как обычное изображение
больше вопросов? Я попытаюсь создать для вас пример.
редактировать: когда я перечитал ваш вопрос, я заметил, что вам это нужно на дне, попробуйте использовать
div#yourDiv{
position:relative;
}
div#yourDiv:after{
content:"";
position:absolute;
width:100px;
left:0;
height:100px;
bottom: -100px;
background: url(kiwi.svg);
}
Смежные вопросы
- 1. Нижняя граница на въезде
- 2. Нижняя граница на Bootstrap Row
- 3. Опциональная нижняя граница на div
- 4. CSS - Нежелательная граница-нижняя
- 5. Нижняя граница для StackPanel
- 6. Анализ рекурсию (нижняя граница)
- 7. UITextField: нижняя граница
- 8. Нижняя граница не видна
- 9. Нижняя граница Омега Нотация
- 10. Нижняя граница нахождения медианы
- 11. Tabhost нижняя граница андроида
- 12. Нижняя граница в UiTextfield
- 13. нижняя граница на столе не отображается
- 14. JQuery фиксированной ДИВ на свитке, нижняя граница
- 15. Пользовательские нижняя граница не появляется на IPad
- 16. Нижняя граница на плавающей плавающей гистограмме
- 17. Угловая нижняя граница - полная ширина
- 18. Нижняя граница с прозрачным изображением
- 19. Нижняя граница рекурсивного алгоритма Левинштейна
- 20. «нижняя граница» в понимании Scala
- 21. нижняя граница временной сложности путаница
- 22. Верхняя и нижняя граница типа
- 23. HTML CSS Таинственная нижняя граница
- 24. UILabel нижняя и правая граница
- 25. Закругленная нижняя граница для div
- 26. Анимированная нижняя граница (слева направо)
- 27. верхней границы/Нижняя граница умозаключений и фиксации
- 28. «Нижняя граница» изменит дисперсию типа, но почему?
- 29. Веб-сайт прокручивается вбок + отсутствует нижняя граница
- 30. matlab histogram bin include - нижняя граница