<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML5 SVG几何图形翻滚特效 - 更多源码WW.96flw.COM</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg id="mainSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<defs>
<g id="allBoxes">
<rect x="62.92" y="231.96" width="100" height="100"/>
<rect x="185.14" y="231.96" width="100" height="100" rx="50"/>
<rect x="305.14" y="231.96" width="100" height="100"/>
<rect x="425.14" y="231.96" width="100" height="100" rx="50"/>
<rect x="545.14" y="231.96" width="100" height="100"/>
<rect x="665.14" y="231.96" width="100" height="100" rx="50"/>
<rect x="785.14" y="231.96" width="100" height="100"/>
</g>
</defs>
<use xlink:href="#allBoxes" />
<g id="ref" >
<use xlink:href="#allBoxes" x="-0" y="100" opacity="0.1"/>
</g>
</svg>
<script src='js/gsap.min.js'></script>
<script src='js/ScrubGSAPTimeline_3_0.js'></script>
<script src="js/script.js"></script>
</body>
</html>
HTML5 SVG几何图形翻滚特效.zip （5个子文件） 
jiaoben8106 js 
ScrubGSAPTimeline_3_0.js 3KB gsap.min.js 59KB script.js 512B css style.css 609B
index.html 1KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
最新资源
- STM32参考资料文档应用文档深入解析STM32-USB-FS-Device-Lib库
- 公司本周销售数据.xlsx
- STM32参考资料文档应用文档利用ST提供的USB例程实现USB IAP功能
- 毕业设计《基于协同过滤算法SSM个性化推荐购物商城设计(带支付宝支付接口)》+JavaScript源码+文档说明
- STM32参考资料文档应用文档基于STM32的USB程序开发笔记
- STM32参考资料文档应用文档UM0427-基于ARM的32位MCU STM32F101xx 和 STM32F103xx固件库
- STM32参考资料文档应用文档UM0424-STM32F10xxx USB开发工具包
- STM32参考资料文档应用文档UM0306-STM32F10XXX使用手册
- STM32参考资料文档应用文档UIP协议的中文介绍
- STM32参考资料文档应用文档uip1.0
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
