17Knight

基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释

基于css3进行写出了这样一个流光登录的效果，通过外侧一个大盒子和一个内侧的登录框，通过z-index的垂直层叠设置和外侧盒子超出部分隐藏，实现了这样一个流动线条的效果

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

在现代网页设计中，CSS的视觉艺术效果是营造令人印象深刻的用户体验的重要组成部分。通过CSS的强大功能，设计师能够创造出令人惊叹的视觉效果，从而提升网页的吸引力和交互性。