-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmodule.htm
More file actions
213 lines (202 loc) · 11.7 KB
/
Copy pathmodule.htm
File metadata and controls
213 lines (202 loc) · 11.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html>
<head>
<mate charset = "UTF-8"></mate>
<title>module</title>
<link rel="stylesheet" type="text/css" href="./module.css">
<link rel="stylesheet" type="text/css" href="./module_component.css">
<link rel="stylesheet" href="./bootstrap-3.3.7/css/bootstrap.css" >
</head>
<body>
<div class = "page-top"></div>
<div class = "container-fiuld" style="background-color: rgb(9,8,33);
z-index: -3;
color: rgb(255,255,255); ">
<div class = "container">
<header class = "header-sign clearfix">
<div class = "sign keep-left">
<span class = "logo-text">CSSFX</span>
</div>
<div class="header-share keep-right sign-adp">
<div class = "sign keep-left" title="点击复制链接分享">
<svg t="1574667077283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4298" width="36" height="36"><path d="M334.848 334.336a33.792 33.792 0 0 0-36.352 30.72 33.792 33.792 0 0 0 36.352 30.72 28.672 28.672 0 0 0 30.208-30.72 28.672 28.672 0 0 0-30.208-30.72zM581.12 512a24.576 24.576 0 0 0 0 51.2 27.648 27.648 0 0 0 30.208-24.576 27.648 27.648 0 0 0-30.208-26.624zM502.784 395.776a28.672 28.672 0 0 0 30.208-30.72 28.672 28.672 0 0 0-30.208-30.72 33.792 33.792 0 0 0-35.84 30.72 33.792 33.792 0 0 0 35.84 30.72zM713.216 512a24.576 24.576 0 0 0 0 51.2 27.648 27.648 0 0 0 30.208-24.576 27.648 27.648 0 0 0-30.208-26.624z" p-id="4299" fill="#e6e6e6"></path><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0zM412.672 646.656a403.456 403.456 0 0 1-83.968-12.288l-83.968 43.008 24.064-73.728a201.216 201.216 0 0 1-96.256-165.376c0-116.224 108.032-207.872 240.128-207.872a240.128 240.128 0 0 1 242.688 172.032h-23.04a198.144 198.144 0 0 0-204.8 193.536 185.344 185.344 0 0 0 7.168 51.2zM768 732.672l17.92 60.928-66.048-36.864a296.96 296.96 0 0 1-72.192 12.288 191.488 191.488 0 0 1-204.8-177.664 191.488 191.488 0 0 1 204.8-177.664c108.032 0 204.8 79.872 204.8 177.664A185.856 185.856 0 0 1 768 732.672z" p-id="4300" fill="#e6e6e6"></path></svg>
</div>
<div class = "sign keep-right" title="点击复制链接分享">
<svg t="1574661242297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3065" width="39" height="40"><path d="M933.4461 643.862213c-18.783809-108.945271-97.673553-180.322925-97.673553-180.322925 11.268648-98.920964-30.055526-116.461455-30.055526-116.461455C797.015847 41.027415 533.382495 46.38647 527.847431 46.531779c-5.542226-0.145309-269.211395-5.504364-277.872658 300.5481 0 0-41.325198 17.539468-30.054503 116.461455 0 0-78.894861 71.377654-97.676623 180.322925 0 0-10.033517 184.082552 90.159416 22.543436 0 0 22.544459 61.344137 63.86761 116.455315 0 0-73.897034 25.061792-67.621097 90.164532 0 0-2.517333 72.618924 157.784606 67.62519 0 0 112.701828-8.756431 146.515958-56.350402l14.766308 0 0.26299 0 14.765285 0c33.809013 47.596018 146.513912 56.350402 146.513912 56.350402 160.26203 4.993734 157.781536-67.62519 157.781536-67.62519 6.238075-65.10274-67.620074-90.164532-67.620074-90.164532 41.324174-55.109132 63.86147-116.455315 63.86147-116.455315C943.437661 827.944765 933.4461 643.862213 933.4461 643.862213L933.4461 643.862213z" p-id="3066" fill="#e6e6e6"></path></svg>
</div>
</div>
</header>
<div class= "introduce">
<div class = "page-info">
<text class = "center-block text-center h2" style = "font-weight: 800;">Beautifully simple click-to-copy CSS effects</text>
</div>
<div class = "page-info lead-font">
<text class = "center-block text-center">A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. </text>
</div>
</div>
<div class="row box-flex main">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
<span class="h2">FORM / TEXT</span>
</div>
</div>
<div id = "FormText" class="row box-flex main">
<!-- Bubble(button) -->
<div id = "B1" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Bubble</button>
</div>
<div id = "B2" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Bubble</button>
</div>
<div id = "B3" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Bubble</button>
</div>
<div id = "B4" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Bubble</button>
</div>
<div id = "B5" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Bubble</button>
</div>
<!-- Slied(button) -->
<div id = "S6" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Slied</button>
</div>
<div id = "S7" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Slied</button>
</div>
<div id = "S8" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Slied</button>
</div>
<div id = "S9" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Slied</button>
</div>
<div id = "S10" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Slied</button>
</div>
<div id = "S11" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Slied</button>
</div>
<div id = "S12" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<button class = "center-block text-center full-hide">Shine</button>
</div>
<!-- Input -->
<div id = "I13" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<div class = "stopHideInput input-container center-block text-center">
<input type="text" placeholder="Input Outline" class = "center-block text-center full-hide"></input>
<span class = "top"></span>
<span class = "right"> </span>
<span class = "bottom"></span>
<span class = "left"></span>
</div>
</div>
<div id = "I14" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<div class = "stopHideInput input-container center-block text-center">
<input type="text" placeholder="Input Outline" class = "center-block text-center full-hide"></input>
<span class = "top"></span>
<span class = "right"> </span>
<span class = "bottom"></span>
<span class = "left"></span>
</div>
</div>
<div id = "I15" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<div class = "stopHideInput input-container center-block text-center">
<input type="text" placeholder="Input Outline" class = "center-block text-center full-hide"></input>
<span class = "top"></span>
<span class = "right"> </span>
<span class = "bottom"></span>
<span class = "left"></span>
</div>
</div>
<div id = "I16" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<div class = "stopHideInput input-container center-block text-center">
<input type="text" placeholder="Input Outline" class = "center-block text-center full-hide"></input>
<span class = "bottom"></span>
</div>
</div>
<!-- Text -->
<div id = "T17" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "text-special center-block text-center full-hide">Bars</span>
</div>
<div id = "T18" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "text-special center-block text-center full-hide">Bars</span>
</div>
<div id = "T19" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "text-special center-block text-center full-hide">AllThroughLine</span>
</div>
<div id = "T20" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "text-special center-block text-center full-hide">AllThroughLine</span>
</div>
<div id = "T21" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "text-special center-block text-center">AllThroughLine</span>
</div>
</div>
<div class="row box-flex main">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
<span class="h2">LOADING</span>
</div>
</div>
<div id = "Loading" class="row box-flex main">
<!-- Loading -->
<div id = "L1" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<div>
<span class = "center-block text-center"></span>
<span class = "center-block text-center"></span>
<span class = "center-block text-center"></span>
<span class = "center-block text-center"></span>
</div>
</div>
<div id = "L2" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "center-block text-center"></span>
</div>
<div id = "L3" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "center-block text-center"></span>
</div>
<div id = "L4" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "center-block text-center"></span>
</div>
<div id = "L5" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "center-block text-center"></span>
</div>
<div id = "L6" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<div class="clearfix">
<span class = "center-block text-center"></span>
<span class = "center-block text-center"></span>
<span class = "center-block text-center"></span>
</div>
</div>
<div id = "L7" class = "col-lg-2 col-md-3 col-sm-4 col-xs-6 text-center component-box">
<span class = "center-block text-center"></span>
</div>
</div>
</div>
</div>
<!--showBlock-->
<div id="hideSign" class="component-box module" style="display: none">
<div id="stopHide" class="module-code">
<div class="code">
<div class="code-area1">
<div class="clearfix">
<span class = "sign keep-left weight">HTML</span>
<span id="copyHTML" class = "sign keep-right" title="复制HTML代码">COPY</span>
</div>
<div class="scroll component-box">
<text id = "addHTML" class="scroll-code">asd</text>
</div>
</div>
<div class="code-area">
<div class="header-sign clearfix">
<span class = "sign keep-left weight">CSS</span>
<span id="copyCSS" class = "sign keep-right" title="复制CSS代码">COPY</span>
</div>
<div class="scroll component-box">
<text id = "addCSS" class="scroll-code">asd</text>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="./bootstrap-3.3.7/js/bootstrap.js"></script>
<script type="text/javascript" src="./module.js">//代码</script>
</body>
</html>