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


相关推荐
小*-^-*九8 小时前
php 使用html 生成pdf word wkhtmltopdf 系列2
pdf·html·php
hashiqimiya15 小时前
html实现右上角有个图标,鼠标移动到该位置出现手型,点击会弹出登录窗口。
前端·html
BillKu18 小时前
Vue3 中使用 DOMPurify 对渲染动态 HTML 进行安全净化处理
前端·安全·html
BUG创建者1 天前
html获取16个随机颜色并不重复
css·html·css3
DevilSeagull1 天前
JavaScript WebAPI 指南
java·开发语言·javascript·html·ecmascript·html5
面向星辰1 天前
html中css的四种定位方式
前端·css·html
IT利刃出鞘1 天前
HTML--最简的二级菜单页面
前端·html
yume_sibai1 天前
HTML HTML基础(4)
前端·html
面向星辰1 天前
html音视频和超链接标签,颜色标签
前端·html·音视频
信看2 天前
实用 html 小工具
前端·css·html