Skip to content

Commit c049ea8

Browse files
author
Adam Bradley
committed
animation updates
1 parent 79374c0 commit c049ea8

File tree

4 files changed

+40
-16
lines changed

4 files changed

+40
-16
lines changed

animation.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,11 @@ <h3>.ion-refreshing</h3>
7171
<i class="icon ion-refreshing"></i>
7272
</p>
7373

74+
<h3>.ion-ios7-refreshing</h3>
75+
<p>
76+
<i class="icon ion-ios7-refreshing"></i>
77+
</p>
78+
7479
<h3>.ion-loading-a</h3>
7580
<p>
7681
<i class="icon ion-loading-a"></i>
@@ -91,6 +96,11 @@ <h3>.ion-loading-d</h3>
9196
<i class="icon ion-loading-d"></i>
9297
</p>
9398

99+
<h3>.ion-looping</h3>
100+
<p>
101+
<i class="icon ion-looping"></i>
102+
</p>
103+
94104
</div>
95105
</div>
96106
</body>

css/ionicons.css

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*
1+
/*!
22
Ionicons, v1.3.0
33
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
44
https://twitter.com/helloimben https://twitter.com/ionicframework
@@ -15,7 +15,9 @@
1515
.ion-loading-b,
1616
.ion-loading-c,
1717
.ion-loading-d,
18-
.ion-refreshing, .ionicons,
18+
.ion-looping,
19+
.ion-refreshing,
20+
.ion-ios7-reloading, .ionicons,
1921
.ion-alert,
2022
.ion-alert-circled,
2123
.ion-archive,
@@ -474,11 +476,13 @@
474476
.ion-loading-b,
475477
.ion-loading-c,
476478
.ion-loading-d,
477-
.ion-refreshing {
478-
-webkit-animation: spin 0.8s infinite linear;
479-
-moz-animation: spin 0.8s infinite linear;
480-
-o-animation: spin 0.8s infinite linear;
481-
animation: spin 0.8s infinite linear; }
479+
.ion-looping,
480+
.ion-refreshing,
481+
.ion-ios7-reloading {
482+
-webkit-animation: spin 1s infinite linear;
483+
-moz-animation: spin 1s infinite linear;
484+
-o-animation: spin 1s infinite linear;
485+
animation: spin 1s infinite linear; }
482486

483487
@-moz-keyframes spin {
484488
0% {
@@ -1304,7 +1308,7 @@
13041308
.ion-ios7-refresh-outline:before {
13051309
content: "\f1d5"; }
13061310

1307-
.ion-ios7-reload:before {
1311+
.ion-ios7-reload:before, .ion-ios7-reloading:before {
13081312
content: "\f28e"; }
13091313

13101314
.ion-ios7-rewind:before {
@@ -1484,7 +1488,7 @@
14841488
.ion-log-out:before {
14851489
content: "\f29f"; }
14861490

1487-
.ion-loop:before {
1491+
.ion-loop:before, .ion-looping:before {
14881492
content: "\f201"; }
14891493

14901494
.ion-magnet:before {

0 commit comments

Comments
 (0)