问题描述:
这道编程怎么实现
登陆购买课程后可参与讨论,去登陆吧
2、五角星实现如下:
效果:
然后通过伪元素,再添加一个三角形:
然后通过旋转、偏移值等方式让它们重叠在一起:
添加伪元素,再添加一个三角形:
旋转并调整偏移值:
这样一个五角星就布局完成了:
旋转角度同学可以自己一点一点调整,让效果更美观。
祝学习愉快~
同学你好,这里用border边框实现的三角形。如果设置了宽高,那么就会是这种形状
中间是正方形,不是一个点,当设置其他边为透明色的时候,无法实现三角形
自己再理解下,祝学习愉快!
同学你好,解答如下:
1、可以实现三角形,通过三角形拼接成五角星。三角的绘制思路是通过边框实现的,看如下例子:
给一个元素设置宽高以及边框
当宽高不断减少时 , border会越趋向于三角形 , 如下:
当宽高为0时,border变成了三角 , 如下:
一个三角就是把其他角度的边框都设置为透明transparent,留一个角度的边框即可。
内容较多,老师会回复两条。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答,登录/注册
入行前端,是明智的选择!市场需求大,就业前景好,入行门槛低,小白易上手 全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建
157 1
75 1
31 2
201 5
155 1
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星