search

dongyuanxin / blog

📚 专注Web与算法
https://0x98k.com
MIT License
1.37k stars 183 forks source link

「评论」字体特效 #145

Open dongyuanxin opened 4 years ago

dongyuanxin commented 4 years ago

字体特效：https://xin-tan.com/passages/2019-07-16-font-animation/

Unicorn-NightFury commented 4 years ago

前辈你好，我想请教一下你的字体特效里的第一个划线动态特效。里面给：：before和：：after都设置left：0和right：0的作用是什么？是将内容强行拉为100%吗。可这样不会涉及left和right权重问题吗？着实想不通，动手实践了也没琢磨出道道。上网查也查不出答案，所以只能冒昧打扰前辈了，还请前辈指导一下，谢谢

dongyuanxin commented 4 years ago

@Unicorn-NightFury

absolute下，left和right设置为0，会自动横向延伸铺满；同理，top和bottom设置为0，纵向会铺满。 理解起来的话，就是距离left和right距离都为0，那么只能横向铺满。

Unicorn-NightFury commented 4 years ago

@dongyuanxin

@Unicorn-NightFury

absolute下，left和right设置为0，会自动横向延伸铺满；同理，top和bottom设置为0，纵向会铺满。 理解起来的话，就是距离left和right距离都为0，那么只能横向铺满。

懂了，谢谢前辈。是只有absolute这种情况下才可以是吗？我用relative试了下好像不行