一个简单的果冻效果的导航栏(gif失真有点严重,可能看不太出来,可以去原文看看demo效果)
实现思路比较巧妙,就是在移动的滑块前面和后面都加上了一个可变大小的椭圆块,这两个颜色互斥(一个和背景色相同,一个和滑块颜色相同),通过颜色和大小来作出类似果冻的抖动效果:
更多技术细节可以看原文:
果冻效果的导航栏
文章中有demo的下载地址
一个简单的果冻效果的导航栏(gif失真有点严重,可能看不太出来,可以去原文看看demo效果)
实现思路比较巧妙,就是在移动的滑块前面和后面都加上了一个可变大小的椭圆块,这两个颜色互斥(一个和背景色相同,一个和滑块颜色相同),通过颜色和大小来作出类似果冻的抖动效果:
更多技术细节可以看原文:
果冻效果的导航栏
文章中有demo的下载地址