工作中遇到要給掃臉門禁機(jī)界面配“科技感”動(dòng)效的需求。要做一個(gè)帶光效的動(dòng)效酪刀。做GIF以后院仿，開發(fā)在安卓系統(tǒng)門禁機(jī)上播放會(huì)有卡頓潦牛，而且內(nèi)存占用夸張缘揪，讓整個(gè)流程都很卡叉钥。開發(fā)提出要用別...
IP屬地：北京
-
bodymovin踩坑記(GIF/序列動(dòng)畫/svga對(duì)比)
-
優(yōu)雅的動(dòng)畫實(shí)現(xiàn)方案SVGA口注、Lottie前言 在開發(fā)APP的過程中涡真，需要在APP中實(shí)現(xiàn)設(shè)計(jì)同學(xué)的UE效果動(dòng)畫分俯，一般都是通過代碼實(shí)現(xiàn)的，當(dāng)對(duì)于較復(fù)雜的動(dòng)畫時(shí)哆料，例如直播中刷禮物時(shí)的動(dòng)畫缸剪，這時(shí)利用代碼實(shí)現(xiàn)會(huì)比較復(fù)雜。而且...
-
設(shè)計(jì)師必備的Mac軟件下載網(wǎng)站推薦大家都知道Mac是設(shè)計(jì)師的工作利器东亦，越來越多的小伙伴也都選擇Mac來做設(shè)計(jì)杏节，但大多數(shù)人不知道去哪里才能下載到Mac的軟件，對(duì)一些人來說這可是一個(gè)大難題典阵，那么現(xiàn)在我就分享一些網(wǎng)...
-
微信小程序——定位/加載到固定元素/位置【錨點(diǎn)】需求：進(jìn)行某一操作后想將當(dāng)前頁(yè)面自動(dòng)定位到某一元素或模塊所在位置奋渔。 在HTML中，可以用 實(shí)現(xiàn)跳轉(zhuǎn)壮啊，小程序中則是用scroll-to-view來實(shí)現(xiàn). 將整個(gè)頁(yè)面最外層的v...
-
前端面試題套路--終極版（Vue嫉鲸、JavaScript）前言 面試題是永遠(yuǎn)都準(zhǔn)備不完的！４跆洹Ｐ！狸眼！ 前端常見的一些問題 1.前端性能優(yōu)化手段藤树？ 1. 盡可能使用雪碧圖2. 使用字體圖標(biāo)代替圖片3. 對(duì)HTML，css拓萌，js 文件進(jìn)行...
-
純CSS3制作一個(gè)仿真眼球本想起一個(gè)嘩眾取寵的標(biāo)題岁钓，但轉(zhuǎn)念一想，還是求真務(wù)實(shí)一點(diǎn)，用內(nèi)容說話甜紫。今天我們拋開JS降宅，不用SVG，單純使用CSS來一步一步地制作響應(yīng)式的仿真眼球囚霸。 先睹為快 最終效果 在線預(yù)...
-
音樂專輯展示動(dòng)效--CSS3旋轉(zhuǎn)這個(gè)案例介紹如何使用css3實(shí)現(xiàn)音樂專輯展示動(dòng)效，效果如下： 第一步： 分析布局搭建結(jié)構(gòu)激才，盒子內(nèi)部有一個(gè)專輯封面圖和漸變底色的彈出層拓型，為了制作專輯列表效果，盒子使用ul>li...
-
音樂專輯展示動(dòng)效--CSS3位移這個(gè)案例介紹如何使用css3實(shí)現(xiàn)音樂專輯展示動(dòng)效瘸恼，效果如下： 第一步： 分析布局搭建結(jié)構(gòu)劣挫，盒子內(nèi)部有一個(gè)專輯封面圖，依次出現(xiàn)的矩形漸變色塊东帅，音樂專輯標(biāo)題名稱h3和日期文字段落...
