用SVG製作 Button 點擊特效

原創 csmzl 2020-02-24 02:52

文檔：
https://www.w3.org/TR/SVG/Overview.html
example
https://www.w3.org/TR/SVG/images/paths/triangle01.svg
SVG Button 點擊特效
https://tympanus.net/Development/DistortedButtonEffects/
https://tympanus.net/Development/ButtonStylesInspiration/
https://tympanus.net/Development/ProgressButtonStyles/
SVG 單選和複選框動畫
http://www.yyyweb.com/demo/animated-checkboxes/

Echarts：
http://echarts.baidu.com/download.html

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

DataGear 5.0.0 新特性之dgMap圖表選項

DataGear 企業版 1.1.0 已發佈！ http://datagear.tech/pro/ DataGear在新發布的 5.0.0 版本中，重構了地圖類圖表，新增了dgMap圖表選項，可以更方便靈活地設置圖表地圖。 在 5.0.0

原創 2024-04-26 21:42:31

柱形圖“變個裝”，跟上時尚步伐！

前言 職場中，日報、週報、月報、年度總結，都離不開圖表的製作，而柱狀圖又是最常用的一種，怎樣的柱狀圖，才能讓領導更容易閱讀，甚至是眼前一亮呢？今天小編就將爲大家介紹一下如何藉助葡萄城公司的嵌入式BI工具——Wyn商業智能軟件修改柱形圖的樣式

原創 2024-04-25 10:23:26

DataGear 5.0.0 發佈，數據可視化分析平臺

DataGear 企業版 1.1.0 已發佈，歡迎瞭解試用！ http://datagear.tech/pro/ DataGear 5.0.0 發佈，核心功能重構，新增圖表追加更新模式，具體更新內容如下： 重構：【圖表數據集】概念和設計

原創 2024-04-24 21:42:05

顛覆傳統開發流程！「原型、設計、開發」僅需一個組件設計器就夠了！

常言說：工具用對，效率翻倍！ 這句話對於IT互聯網領域的從業者來說尤爲重要。合理選擇和正確使用工具可以顯著提高工作效率，降低出錯率，促進項目的順利實施。 以產品經理爲例，傳統的開發模式下，構建產品原型通常需要經過大量繁瑣的步驟： 從前期準備

原創 2024-03-22 21:28:57

「全棧」低代碼時代開啓！頁面開發、數據處理、複雜邏輯統統一站搞定！

數字化浪潮的推進讓企業對應用開發效率有着愈發嚴苛的要求。 傳統的開發模式，無論是前端開發還是後端處理，都普遍面臨週期長、成本高、響應慢、迭代難等問題，由於部分企業長期未進行創新改革，導致每次在新增系統功能時，必然會經歷一系列繁瑣步驟。 從需

原創 2024-03-18 10:29:50

echarts 公共

<template> <div class="w-full h-full"> <div class="w-full h-full" ref="charts" > </div> <!-- v-show="!val

原創 2024-03-05 21:23:59

bi報表免費工具排行推薦

最近發現幾款不錯的開源報表，現在給大家分享一下，希望能帶來幫助！ 1、項目名稱：積木報表 項目簡介：積木報表，免費的企業級WEB報表工具。專注於“專業、 易用 、優質”的報表設計器和大屏設計器。支持打印設計、數據報表、圖形報表、大屏設計

原創 2023-10-12 01:00:25

echarts 文字大小調整

一： nameTextStyle 座標軸名稱的文字樣式。 axisLabel 座標軸刻度標籤的相關設置。  二： 1.圖中‘1’的文字大小調整在‘legend’對象下的‘textStyle’屬性裏 2.圖中‘2’的文字大小調整在‘toolt

文文1 2023-10-11 13:48:20

python-streamlit|生成多種圖表

記錄用生產多種形式圖表格式，併發送到streamlit 注意：pyecahrts發送到streamlit需要用到streamlit_echarts 1.一般pyecharts可以直接發送到streamlit,       比如:ste.s

原創 2023-06-20 22:29:45

DataGear 4.6.0 發佈，數據可視化分析平臺

DataGear 4.6.0 發佈，功能改進和BUG修復，具體更新內容如下： 移除：移除匿名用戶登錄後自動遷移數據支持，4.0.0版本起已移除相關功能； 新增：看板/圖表【展示】下拉按鈕新增生成iframe嵌入代碼功能； 修復：修復圖表編

原創 2023-05-16 21:53:37

echarts5.0使用第三方地圖數據並下鑽顯示

衆所周知echarts在5.0之後不再在原始包裏邊提供地圖map數據(我其實好幾年沒用過echarts地圖了,上次用的版本還是3.0),所以現在我想使用地圖時需要如下操作:      1.通過阿里DataV可視化平臺下載地圖json數據 D

原創 2023-04-11 23:47:46

DataGear 4.4.0 發佈，數據可視化分析平臺

DataGear 4.4.0 發佈，帶來看板新特性，具體更新內容如下： 新增：看板新增dg-chart-manual-render屬性，用於控制是否手動渲染圖表； 新增：看板dg-dashboard-code屬性新增"instance"值

原創 2023-01-17 21:49:09

flask整合web工程（一）-- 項目構思及整體結構

最近工作需要快速構建基於python的web工程，要求可以快速演示demo同時支持個性化交互開發，經過篩選整體構思如下： 一、python的web工程採用自定義擴展的flask框架，根據需要添加不同的擴展組件 二、快速擴展部署採用集成doc

原創 2023-01-08 13:03:59

uniapp使用echarts _ 速度上手

uniapp使用echarts _ 速度上手 插件地址：https://ext.dcloud.net.cn/plugin?id=6983 gitee地址：https://gitee.com/suixinxingyanghao/uniapp

原創 2021-12-25 21:46:19

Echarts堆積柱狀圖排序問題

Echarts堆積柱狀圖排序是按照堆積柱狀圖的柱子高度進行從大到小（或者從小到大）進行排序，方便查閱各座標情況。以下是我自己研發的方法，有不對的地方敬請諒解，隨時歡迎指教。 排序後效果如下圖： （1）排序函數，這是一個簡單的冒泡排序，首先

osc_foo7glsg 2021-12-25 21:29:07