在京东看到这个画边线的动画效果，不是css做的，看了下源码有svg标签，代码如下，谁知道这是什么技术？

html-css026

在京东看到这个画边线的动画效果，不是css做的，看了下源码有svg标签，代码如下，谁知道这是什么技术？,第1张

svg是类似flash的一种网页动画技术。目前flash已逐渐遭弃用，改用html5的canvas以及第三方的svg来制作网页矢量动画。简言之，svg就是利用xml标记语言来描述图形状态以及时间轴的网页实现技术，它既可以直接嵌入到html内，也可以单独保存为扩展名为svg的文件，然后用img标签来调用（没错，它实际上就是一种动态图片格式）。具体你可以百度百科搜svg

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、其次，在index.html的<body>标签中，添加代码：<hr/>。

3、浏览器运行index.html页面，此时成功在html中画了一条线。

1. 检查浏览器否支持css，如果不支持，请升级浏览器至最新版本；

2. 检查css代码是否正确，如果不正确，请检查css代码；

3. 检查是否有其他css文件影响，如果有，请检查是否有冲突；

4. 检查浏览器是否启用了css缓存，如果启用，请清除浏览器缓存；

5. 如果以上步骤都无效，可以尝试重新安装浏览器。