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


相关推荐
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_61:(构建反馈表单的结构化挑战)
前端·javascript·ui·html·音视频
软件开发技术深度爱好者3 小时前
HTML实现DOCX文档版题库图文考试系统(修订)
前端·javascript·html
爱学习 爱分享6 小时前
微信小程序html 在 webview 会打开再缩放一下
微信小程序·小程序·html
ZC跨境爬虫8 小时前
跟着 MDN 学 HTML day_62:(HTML调试与常见错误修复指南)
java·前端·javascript·ui·html·媒体
2601_958492558 小时前
Performance Audit of Paper Boats Racing - HTML5 Racing Game
前端·html·html5
阿部多瑞 ABU11 小时前
运动会智能编排系统 - 完整详细需求规格说明书
python·贪心算法·vue·html
软件开发技术深度爱好者11 小时前
轻量、安全、易用的HTML测试运行预览工具
前端·html
葬送的代码人生1 天前
用一句 Prompt 十分钟搓出完整应用
前端·html·ai编程
ShiJiuD6668889991 天前
大事件板块三
前端·bootstrap·html
大家的林语冰1 天前
Canvas 文艺复兴,HTML-in-Canvas 炫酷特效摆拍走红,Canvas 中也能渲染交互式的 HTML 元素了
前端·javascript·html