svg图片

svg图片基础

利用svg图片:先去网页下载,要选择svg格式下载,点开文件夹,再查看页面源代码,再svg开始复制,复制好去代码中

注意:

svg图标常见的css属性

stroke-dasharray

通常与动画联动

stroke-dashoffset

不断增大,图形会被擦除(会不断消失)

结合动画就会从无到有画出图形

一个svg也是由许多模块组成的,每个小块都可以拆出来做动画

相关推荐
嵌入式小企鹅2 小时前
蓝牙学习系列(八):BLE L2CAP 协议详解
网络·学习·蓝牙·ble·协议栈·l2cap
王夏奇2 小时前
python中的__all__ 具体用法
java·前端·python
大家的林语冰2 小时前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......
前端·javascript·vue.js
jiayong233 小时前
第 8 课:开始引入组合式函数
前端·javascript·学习
田八3 小时前
聊聊AI的发展史,AI的爆发并不是偶然
前端·人工智能·程序员
zhanghongbin013 小时前
AI 采集器:Claude Code、OpenAI、LiteLLM 监控
java·前端·人工智能
IT_陈寒3 小时前
Python的列表推导式里藏了个坑,差点让我加班到凌晨
前端·人工智能·后端
吴声子夜歌3 小时前
ES6——正则的扩展详解
前端·mysql·es6
格鸰爱童话3 小时前
向AI学习项目技能(五)
java·学习