Мы все знаем, что можно иметь закругленные углы в простом CSS, используя свойство border-radius
. Также возможно иметь произвольные угловые формы, в частности, используя cubic-bezier
?Границы CSS с кривыми Безье
0
A
ответ
2
Это определенно, используя маскировку CSS. Если вам нужна только форма (так что не цвет/толщина/etc, который вы получаете, когда используете свойство CSS border
), тогда настройка «формы границы» идентична использованию «обтравочной маски» с видом форма, созданная border-radius
, просто обрезается маской «прямоугольник с закругленными углами».
html5rocks.com имеет множество примеров абсолютно безумных форм границы, выполненных таким образом.
Смежные вопросы
- 1. рисования пути кривыми Безье
- 2. Рисование дуги с кривыми Безье
- 3. Рисунок случайных путей с квадратичными кривыми Безье
- 4. Создание закругленного куба с кривыми Безье?
- 5. рисунок вертикальных линий между кривыми Безье
- 6. Как связать объекты с кривыми Безье, используя Paper.js
- 7. Изменение формы кнопки, сделанной с кривыми Безье после давления
- 8. Карты изображений с кривыми
- 9. Любые различия между кривыми Безье интерпретируются Cocoa и SVG?
- 10. SVG - полилиния с квадратичным безье
- 11. Имитировать границы с CSS
- 12. Выведение границы с CSS
- 13. проблема с CSS границы
- 14. Основная графика создает овальную границу с кривыми
- 15. CSS-псевдоэлемент: после границы границы?
- 16. box2d столкновение с кривыми
- 17. Нарисуйте линию с кривыми
- 18. CSS границы радиуса и границы
- 19. Диагональная линия с фиксированным углом с кривыми в css
- 20. CSS Анимация: разные кубические Безье
- 21. CSS-схема с использованием границы CSS
- 22. Css: создание загнаны границы с помощью CSS
- 23. прозрачные границы с css 3
- 24. css границы с равным интервалом
- 25. CSS: Установить границы с полуширина
- 26. CSS: работа с рамкой границы
- 27. CSS: границы с отрицательным радиусом
- 28. Резкие границы с помощью CSS
- 29. Круг с половиной границы CSS
- 30. Треугольный орнамент границы с css
К сожалению, нет. Вы думали об использовании SVG? –
http://www.hongkiat.com/blog/css3-border-shape/ доступно много других вещей, вам просто нужно сделать это в Google – Rex