前天分享了一个数据大屏的纯CSS写的形状加了一个小动画,今天白天上班又做了一块动画,这一次算是完全掌握了CSS动画一些技巧以及mask到底谁遮谁的问题,过几天还是会忘的,从FLASH那会开始就对于遮罩像小孩子学数学掰手指头数数一样的难,谁在上谁在下,真的是完全一片混乱,这次的动画从开始到做完,是从完全懵到逐渐清醒,从不熟练到慢慢熟悉结束。可算是又进了一小步,动画还是略显生硬,这个要调到丝滑合理,可能还需要慢慢的尝试,有可能是数学太差,有时候可能也真得是按像素去一点一点的调,正值,负值什么的,哈哈哈,数学差没办法啊😢。
直接上案例,这次的动画有用到box-shadow的复制,还有background-position
博客很棒