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


相关推荐
www_stdio1 小时前
使用 Ajax 实现异步数据请求:从原理到实践
javascript·ajax·html
Lhuu(重开版4 小时前
html语法
前端·html
小只笨笨狗~4 小时前
css-文字背景渐变色
前端·css·html
Access开发易登软件17 小时前
Access导出带图表的 HTML 报表:技术实现详解
数据库·后端·html·vba·导出·access
顾安r18 小时前
11.8 脚本网页 打砖块max
服务器·前端·html·css3
诚实可靠王大锤21 小时前
WebSocket调试工具(html),用于调试WebSocket链接是否畅通
websocket·网络协议·html
摇滚侠1 天前
浏览器的打印功能,如果通过HTML5,控制样式
前端·html·html5
程序猿_极客1 天前
【期末网页设计作业】HTML+CSS+JS 香港旅游网站设计与实现 (附源码)
javascript·css·html
一枚前端小能手1 天前
🏷️ HTML 属性参考 - 常用与全局属性的行为、兼容性与最佳实践
前端·javascript·html
AAA阿giao1 天前
HTML/CSS/JS 页面渲染机制:揭秘浏览器如何将平凡代码点化为视觉魔法
前端·css·html