快速绘制三角形

clip-path:polygon() 多边形裁剪

 span.shape{
            width: 100px;
            height: 100px;
            float: left;
            padding: 20px;
            margin: 10px;
            shape-outside: padding-box;
            background: greenyellow;
            /*圆形 clip-path: circle(50%); */
            /*多变形 */
             clip-path: polygon(50% 0,100% 100%,0 100%);
        }
 
 
posted @   方方面  阅读(85)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示