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


相关推荐
willow4 天前
html5基础整理
html
anOnion7 天前
构建无障碍组件之Radio group pattern
前端·html·交互设计
前端Hardy7 天前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
前端Hardy8 天前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
前端Hardy8 天前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
DeathGhost8 天前
分享URL地址到微信朋友圈没有缩略图?
前端·html
前端Hardy9 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
Never_Satisfied9 天前
在HTML & CSS中,nth-child、nth-of-type详解
前端·css·html
你怎么知道我是队长9 天前
前端学习---HTML---块元素和行内元素
前端·学习·html
holeer9 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档