Skip to content

Commit aefc8c8

Browse files
kxxolingkxxoling
committed
update style
1 parent fa8a029 commit aefc8c8

File tree

2 files changed

+35
-6
lines changed

2 files changed

+35
-6
lines changed

‎animate/wow.html‎

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,26 @@
33
<meta charset='utf-8'>
44
<title>WOW.js 演示</title>
55
<link rel="stylesheet" href="../css/animate.min.css">
6+
<link rel="stylesheet" href="../css/wow.css">
67
</head>
78
<body>
8-
<div id="wow" class="wow">
9-
默认效果
9+
<div class="expl-block">
10+
<div id="wow" class="wow">
11+
<span class="block center">默认效果</span>
12+
<img class="block center rwby" src="../img/rwby.jpg">
13+
</div>
1014
</div>
11-
<div id="bounceInUp" class="wow bounceInUp">
12-
bounceInUp 效果
15+
<div class="expl-block">
16+
<div id="bounceInUp" class="wow bounceInUp">
17+
<span class="block center"> bounceInUp 效果 </span>
18+
<img class="block center rwby" src="../img/rwby.jpg">
19+
</div>
1320
</div>
14-
<div id="bounceInDown" class="wow bounceInDown">
15-
bounceInDown 效果
21+
<div class="expl-block">
22+
<div id="bounceInDown" class="wow bounceInDown">
23+
<span class="block center"> bounceInDown 效果 </span>
24+
<img class="block center rwby" src="../img/rwby.jpg">
25+
</div>
1626
</div>
1727
<script src="../js/wow.min.js"></script>
1828
<script>

‎css/wow.css‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
.rwby {
2+
width: 100px;
3+
height: 100px;
4+
}
5+
6+
.block {
7+
display: block;
8+
}
9+
10+
.center {
11+
margin: 0 auto;
12+
text-align: center;
13+
}
14+
15+
.expl-block {
16+
margin: 20px;
17+
width: 150px;
18+
height: 150px;
19+
}

0 commit comments

Comments
 (0)