😢设计图通关了，我想了好几种方法来实现，越想越迷糊啊😖
2:11，刚工作完，P了两张图，第一张给自己丑哭了🤣，第二张勉强看得过去吧！这要是能过稿，还是没思路怎么去写页面呢😖。不过PSD的命名，很有意思，叫i vb rhf kb.psd😒有懂的吗？
前天分享了一个数据大屏的纯CSS写的形状加了一个小动画，今天白天上班又做了一块动画，这一次算是完全掌握了CSS动画一些技巧以及mask到底谁遮谁的问题，过几天还是会忘的，从FLASH那会开始就对于遮罩像小孩子学数学掰手指头数数一样的难，谁在上谁在下，真的是完全一片混乱，这次的动画从开始到做完，是从完全懵到逐渐清醒，从不熟练到慢慢熟悉结束。可算是又进了一小步，动画还是略显生硬，这个要调到丝滑合理，可能还需要慢慢的尝试，有可能是数学太差，有时候可能也真得是按像素去一点一点的调，正值，负值什么的，哈哈哈，数学差没办法啊😢。直接上案例，这次的动画有用到box-shadow的复制，还有background-position点击查看该效果的Demo
又快要到六一儿童节了，和我并没有什么关系，手头有工作要处理，我是现在就开始呢，还是等到六一再工作，证明一下我不是孩子😒，有时候还真希望自己是个孩子，晚上处理别人的事，或者自己这个站，怎么折腾都是有兴致，正经工作也有趣啊，就是懒得开始🤣，我想回宿舍躺着！肩周炎又发作了啊，好疼😖
原本计划一周写一篇文章的，必竟我懒嘛，但这一年做过好多项目，有很多不理解会忘的知识要记录下来吖🤣
上一次逛自行车职业车队官网时，发现两个车队的页面部份效果很酷炫，上次扒了以色列创业国度车队的PC端MENU效果，酷炫的想用又觉得太刺激了，这次扒的是UAE车队的移动端Menu效果，挺有意思的，搞了挺长时间终于给弄下来了，不过也发现点小BUG，可能人家用界面的一些其它的方式解决了这BUG呢，肯定有方法解决，我还是原汁原味的给弄下来，剩下的，愿意弄的我提供一下思路。1、默认用深色的Header或者默认也用白色是没问题的。2、弹出的菜单一定是背景色为白色，因为原版也是有个白圈。3、用一个全屏的loading效果，先让这个动画自己走完，loading结束后，就平静了。4、用JS控制默认不执行动画，点击后再加载呢。这个问题可以通过更改body的background深浅色来看具体怎么回事。UAE车队官网我拆出来的Demo
😊知道我为什么把网站弄的这么花吗？因为最近总被配色虐，所以我自己的网站，我自己就是甲方，我乐意用多少颜色就多少颜色，还弄成随机颜色，爱咋咋地🤣，注意看有一部份固定的渐变色，嗯，我就是那个蓝紫渐变色的谐音😒
数据大屏这个东西近几年貌似挺火的，自从去年年初重回正行后，做过几个了，每一次做都有更新的想法，数据大屏这东西是对设计要求挺高的，科技感强，越花里胡哨越看着正经，flex布局真是好啊，弹的丝滑。最近找了一个模板，简单改改就过稿了，头部很刺激，原本一张图片就搞定的东西，我又贱贱的用CSS写出来了，自从看了张鑫旭大神的linear-gradient等渐变的教程，从此一发不可收拾，只要能用这个画什么图形，绝对不切图🤣项目都是保密的，就只拆出来头部的一个小效果记录分享一下。这代码写的有点肿就不上代码了，实接狠狠的点击下面的Demo预览一个纯CSS渐变画出来的数据大屏头部效果（部份拆解）
突然觉得对不起Jasmine主题的作者，人家做的多么简洁美观，让我整的花里胡哨的🤣，如果你喜欢某一处的魔改，可以和我联系，有空的时候我会整理好所有修改后的CSS样式注释，复制即可使用。😊
😒昨晚就睡了两个小时左右，今天中午睡了一个多小时，感觉快要猝死了😴，今晚早睡，明早试试去运动一下。
南巷清风(主题作者)
乾源名威(网站建设)