热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

纯CSSAngled/Rounded标签

如何解决《纯CSSAngled/Rounded标签》经验,为你挑选了1个好方法。

我已经包含了一张图片,因为我无法用文字描述它.但基本上我希望以最好的方式实现这种形式的"标签".

我知道之前有过这方面的问题,使用一些新的css3技巧将片段旋转到位,但我从来没有见过这样的东西.在目前呈现蓝绿色的背后,最有可能出现图像.红线代表页面上的内容.

我过去使用.png文件中的那个小弯曲位完成了这个,但我讨厌这样做.

在此输入图像描述

我也见过这个:

如何使用css制作这样的斜角标签?

但这并不是我想要的,但如果有类似的解决方案,我会对此持开放态度.我还需要一种方法div来继续屏幕的最右边缘,同时仍然保持标签的左侧部分固定到位.

来自@ chipChocolate.py的解决方案

我使用芯片的解决方案,但我交换了它,以便选项卡是svg元素:


    

交换颜色,以便您可以在这里看到它.



1> Weafs.py..:

"我希望尽可能以最好的方式实现这种形式的"标签" - 使用svg.


  

推荐阅读
author-avatar
滒娶伱
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有