1
murmur 294 天前
这个折腾一下 svg 应该是可以做出来,为什么纯 css ,这是面试题么,这么复杂的东西想不想直接切图省着和需求撕逼
|
2
murmur 294 天前
https://stackoverflow.com/questions/57215029/css-tabs-with-rounded-base-smooth-base-transition
虽然我这么写但是我帮你搜到了类似的答案 不过我仍然认为这种我看不出来是什么参数的曲线就直接切图 |
3
nbin2008 294 天前
解题:
1 、先做选中效果:白色背景,蓝底线 2 、选中状态,左上右上设置弧形 3 、css 前一个兄弟元素不支持,故用 before ,after 伪类设置相邻的弧形效果 4 、需要做判断,在头/尾的时候,before ,after 相应隐藏 |
6
IvanLi127 294 天前 via iPad
这还有阴影欸,蹲个成果
|
7
shuxhan 294 天前
|
9
cheese 294 天前
svg,css 搞这种曲线不得行
|
12
mringg 294 天前
|
14
Seanfuck 294 天前
用背景图转成 base64 data 来做吧,别烧脑了
|
17
abc635073826 294 天前
css 会有瑕疵,而且不太适配
|
18
molvqingtai 294 天前 via Android 1
|
19
kkocdko 294 天前 via Android
刚想说,看到了 18 楼说了我认为的正解。
还可以用 url()嵌入 svg ,svg 弄成 dataurl 就行,base64 或者 encodeURIcomponent 一下都可以。 |
20
SpiritQAQ 293 天前
点击后是否有横向位移动画是不是也会对最终实现方式有影响
|
21
menglizhi2333 293 天前
18 楼说的 css path 是最符合需求
|