您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

仅使用HTML和/或CSS的曲线

仅使用HTML和/或CSS的曲线

您可能应该使用canvas,因为canvas是为绘画而设计的。使用的性能canvas应比使用DOM元素更好,尤其是使用GPU加速进行绘制的较新版本。

无论如何,您始终可以通过仅显示元素边框的一侧,同时隐藏所有其他元素,来border-radius结合使用border-widthborder- color来创建曲线:

#curves.width div {
    border-color: transparent transparent transparent #999;
}

#curves.color div {
    border-width: 0 0 0 1px;
}

结合使用的不同组合border-radius,您将获得一些曲线。

您甚至可以将其与CSS3transform旋转和转换结合使用,以获得更大的灵活性。但是,与使用相比,它仍然更具限制性canvas,并且也更加难以控制。

CSS 2022/1/1 18:22:20 有367人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶