发布网友 发布时间:2022-04-26 17:06
共6个回答
懂视网 时间:2022-04-20 21:58
背景: 项目过程中有个tab切换需要用到空心三角形的效果。作为一名后端工程师,实在是不知道怎么写,在网上找了一些看了一下别人的实现方式,发现大多数都是实心三角。后来终于发现一个实现空心三角的,顿时热泪盈眶啊。实现效果比较粗略,不过还是思路还是比较清晰的,借鉴了一下,在原有的基础上做了一些改进,增加一些效果空心三角原理:主要利用元素伪类(:before,:after)实现
效果图: ps:移入换色
实现代码:
空心三角形
热心网友 时间:2022-04-20 19:06
1、首先打开PS软件,然后在PS中新建一个空白画布,如下图所示。
2、然后在左边工具栏中选择“多边形工具”,按下图红色箭头所指处设置,如下图所示。
3、然后在画布上拉出一个三角形,并点击“图层”,“栅格化”,“形状”,使之变成普通图层。
4、按以上相同操作,再画出一个小的三角形,如下图所示。
5、然后按住Ctrl键同时点击“形状2”图层,使之变成选区,把小三角形移动到大三角形内,并合并这两个三角形图层,如下图所示。
6、接下来把背景色调整为白色,按Delete键删除小三角形选区内的内容,就可以得到想要的效果了。
热心网友 时间:2022-04-20 20:24
如下:
1,打开PS,新建图层
2,点击工具栏,多边形工具
3,相应调节,填充:无;描边:10;边:3
4,在图纸上拖拽,即可
5,完成
热心网友 时间:2022-04-20 21:58
用‘自定形状工具’空心三角形,在用‘路径’描边。热心网友 时间:2022-04-20 23:50
可以用铅笔啊,调下大小、粗细和颜色……热心网友 时间:2022-04-21 01:58
用画笔