html--彩虹爱心

html 复制代码
<!DOCTYPE html>

<html lang="en" >


<head>
  
<meta charset="UTF-8">
  
<title>Hearts animation background</title>
  
    
<link rel="stylesheet" href="css/reset.min.css">

  
      
<link rel="stylesheet" href="css/style.css">

  

</head>


<body>

  
<svg id="hearts" viewBox="-600 -400 1200 800" preserveAspectRatio="xMidYMid slice">
  
<defs>
    
<symbol  id="heart" viewBox="-69 -16 138 138">
    
<path d="M0,12
             C 50,-30 110,50  0,120
             C-110,50 -50,-30 0,12z"/>
    
</symbol>

</defs>

</svg>
  
  

    
<script  src="js/index.js">
</script>





</body>


</html>

复制保存到html文件中


相关推荐
一只小风华~41 分钟前
Vue Router 导航守卫
java·前端·javascript·vue.js·笔记·html
Never_Satisfied2 小时前
在JavaScript / HTML中,所有转义字符(字符实体)
html·转义字符·字符实体
深蓝电商API18 小时前
网页结构解析入门:HTML、CSS、JS 与爬虫的关系
javascript·css·html
曦曜29221 小时前
聊聊前端静态页面的开发
css·html
立方世界1 天前
HTML编写规则及性能优化深度解析:从基础到企业级实践
前端·性能优化·html
_小许_1 天前
Go语言实现HTML转PDF
golang·pdf·html
少年阿闯~~2 天前
解决HTML塌陷的方法
前端·html
雨过天晴而后无语2 天前
Windchill中MVC选中事件级联另一MVC内容
java·javascript·html·mvc
无尽夏_2 天前
HTML5(前端基础)
前端·html·html5
angleoldhen3 天前
网页版的点名/抽奖程序
html·抽奖·点名