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


相关推荐
এ慕ོ冬℘゜7 小时前
html理论
前端·html
是立不是利8 小时前
HTML 的尊严:一种被低估的语言
前端·html
anOnion10 小时前
构建无障碍组件之Landmarks Pattern
前端·html·交互设计
xy34531 天前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
大梦想家a1 天前
基于 HTML+CSS 的个人生活主页设计与实现
css·html·生活
雪芽蓝域zzs1 天前
第二十七节:进阶:路由权限控制 + 404 / 401 全局异常页面开发
前端·javascript·html
平头哥技术团队2 天前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互
www_aiyuanma_vip2 天前
中医文化主题网站源码html源码
html
Z兽兽2 天前
行内块元素在垂直方向上对齐问题
css·html·css3
Wang's Blog2 天前
Vibe Coding一人即团队系列58: HTML演示文稿自动生成
前端·人工智能·html