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文件中


相关推荐
zhanghaha13141 小时前
HTML系列教程:4_什么是 HTML 元素(零基础超详细讲解)
前端·算法·html
AI 编程助手GPT2 小时前
VS Code 1.133 实战:Claude 可免 GitHub 登录,HTML 保存后自动刷新
前端·html·github
zhanghaha131420 小时前
HTML系列教程:3_HTML 基础标签 — 标题、段落、超链接、图像
前端·html
禁止摆烂_才浅1 天前
HTML 高频面试题
前端·面试·html
10WTW011 天前
Wget静态网站前端
html·spa·curl·网页·10wtw01
Eason_Lou1 天前
【无标题】
前端·vue.js·html
anOnion2 天前
构建无障碍组件之Menu and Menubar Pattern
前端·html·交互设计
Highcharts2 天前
全功能施工项目管理甘特图 Demo:任务依赖箭头、当前日期标线、周末高亮、分组项目可视化
html·数据可视化
IMPYLH2 天前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
IMPYLH2 天前
HTML 的 <head> 元素
前端·html