發(fā)簡(jiǎn)信
IP屬地：江蘇
-
css偽元素實(shí)現(xiàn)switch開(kāi)關(guān)
思路：1.繪制底部區(qū)域 2.偽元素繪制白色圓球 3.點(diǎn)擊事件添加_active類(lèi) 效果圖： html css js
-
css3讓MP4視頻背景透明
需求：入場(chǎng)動(dòng)畫(huà)有一種云霧撥開(kāi)的效果，再呈現(xiàn)主頁(yè)面 效果圖 張?chǎng)涡竦牟┛汀度绾巫孧P4 video視頻背景色變成透明？》中提到mix-blend-...
-
canvas實(shí)現(xiàn)雷達(dá)掃描效果
效果圖： 代碼如下： 好記性不如爛筆頭，總結(jié)和記錄工作學(xué)習(xí)中的點(diǎn)點(diǎn)滴滴，如有不對(duì)之處還請(qǐng)指教。 參考[1] js實(shí)現(xiàn)雷達(dá)掃描效果[2] canv...
-
echarts餅圖文本標(biāo)簽百分比左右對(duì)稱(chēng)效果先看下效果圖，實(shí)現(xiàn)引導(dǎo)線處百分比數(shù)值左右對(duì)稱(chēng)效果 先開(kāi)始想到對(duì)引導(dǎo)線上方文本label用 formatter:u0z1t8os% {c}萬(wàn)元 表示，但是...
-
Highcharts自定義提示框樣式
Highcharts的餅圖默認(rèn)提示框是個(gè)矩形方框，想要做成效果圖樣式需要對(duì)其進(jìn)行自定義設(shè)置。在官網(wǎng)文檔中提到“當(dāng)設(shè)置 useHTML 為 tru...
-
echarts實(shí)現(xiàn)圓角儀表盤(pán)
效果圖 難點(diǎn)：圓角 看到效果圖最先想到用環(huán)形圖，實(shí)現(xiàn)思路是分三段，第三段設(shè)置透明達(dá)到不閉合效果。當(dāng)基本樣式都完成后，發(fā)現(xiàn)兩端的圓角怎么都無(wú)法實(shí)現(xiàn)...
-
svg實(shí)現(xiàn)沿橢圓軌跡旋轉(zhuǎn)動(dòng)畫(huà)
需求1.實(shí)現(xiàn)元素沿橢圓軌跡均勻旋轉(zhuǎn)2.鼠標(biāo)點(diǎn)擊事件、移入暫停運(yùn)動(dòng)3.元素由遠(yuǎn)到近逐漸增大 旋轉(zhuǎn)動(dòng)畫(huà)的實(shí)現(xiàn)思路：1.path指定橢圓軌跡路徑，st...
-
css3實(shí)現(xiàn)沿橢圓軌跡旋轉(zhuǎn)動(dòng)畫(huà)
需求1.實(shí)現(xiàn)元素沿橢圓軌跡均勻旋轉(zhuǎn)2.鼠標(biāo)點(diǎn)擊事件、移入暫停運(yùn)動(dòng)3.元素由遠(yuǎn)到近逐漸增大 網(wǎng)上關(guān)于css3實(shí)現(xiàn)旋轉(zhuǎn)的案例很多，我也是借鑒別人方法...
-
在vue項(xiàng)目中使用ElementUI的兩種方法ElementUI的官方網(wǎng)址 https://element.eleme.cn/#/zh-CN/ 它是一套基于Vue2.0的桌面端組件庫(kù) 1.基...