Skip to content

README.md

Latest commit

 

History

History
48 lines (36 loc) · 1.62 KB

README.md

File metadata and controls

48 lines (36 loc) · 1.62 KB

Buttons

image image
用法：在你的代码中加上 

<div style="position: relative; width: 250px; height: 100px; margin-bottom: 20px;">
	<div id="animatedBox"></div>
	<div id="animatedBox2"></div>
</div>
  • 在使用它之前，你需要引用js库和css库：
    1. <script src="https://cdn.jsdelivr.net/gh/realaf-team/buttons/assets/button.js "></script>
    2. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/realaf-team/buttons/assets/button.css" type="text/css"/>
  • 或将 button.css和button.js 下载

    • <script src="assets/button.js"></script> <link rel="stylesheet" href="assets/button.css" type="text/css"/>

    完整代码：

    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/realaf-team/buttons/assets/button.css" type="text/css"/>
</head>
<body>
<div style="position: relative; width: 250px; height: 100px; margin-bottom: 20px;">
	<div id="animatedBox"></div>
	<div id="animatedBox2"></div>
</div>
<script src="https://cdn.jsdelivr.net/gh/realaf-team/buttons/assets/button.js"></script>
</body>
</html>