Skip to content

Commit abb382c

Browse files
author
Carlos Bonilla
committed
Feb 2016 Updates
1 parent 6bf16f7 commit abb382c

5 files changed

Lines changed: 137 additions & 7 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
####v1.0.4 (2016-02-02)
2+
3+
- Added "rotate" animation. Check docs on how to create smooth rotating animatios.
4+
- Formatting improvements to all source files.
5+
16
####v1.0.3 (2015-11-26)
27

38
- Added "flashmin" animation.

‎dist/css/animate.css‎

Lines changed: 96 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/*
2-
* animate.less v1.0.3 | animateforless.com
2+
* animate.less v1.0.4 | animateforless.com
33
*
44
* -----------------------------------------------------------------------------
55
*
66
* The MIT License (MIT)
77
*
8-
* Copyright (c) 2014 Carlos M. Bonilla
8+
* Copyright (c) 2014-2016 Carlos M. Bonilla
99
*
1010
* Permission is hereby granted, free of charge, to any person obtaining a copy of
1111
* this software and associated documentation files (the "Software"), to deal in
@@ -413,6 +413,20 @@
413413
-o-animation-name: lightSpeedOut;
414414
animation-name: lightSpeedOut;
415415
}
416+
.rotate {
417+
-webkit-animation-name: rotate;
418+
-moz-animation-name: rotate;
419+
-ms-animation-name: rotate;
420+
-o-animation-name: rotate;
421+
animation-name: rotate;
422+
}
423+
.rotateCC {
424+
-webkit-animation-name: rotateCC;
425+
-moz-animation-name: rotateCC;
426+
-ms-animation-name: rotateCC;
427+
-o-animation-name: rotateCC;
428+
animation-name: rotateCC;
429+
}
416430
.rotateIn {
417431
-webkit-animation-name: rotateIn;
418432
-moz-animation-name: rotateIn;
@@ -3238,6 +3252,86 @@
32383252
transform: translate3d(100%, 0, 0) skewX(30deg);
32393253
}
32403254
}
3255+
@-webkit-keyframes rotate {
3256+
0% {
3257+
-webkit-transform-origin: center center;
3258+
-webkit-transform: rotate3d(0, 0, 1, -360deg);
3259+
}
3260+
100% {
3261+
-webkit-transform-origin: center center;
3262+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
3263+
}
3264+
}
3265+
@-moz-keyframes rotate {
3266+
0% {
3267+
-moz-transform-origin: center center;
3268+
-moz-transform: rotate3d(0, 0, 1, -360deg);
3269+
}
3270+
100% {
3271+
-moz-transform-origin: center center;
3272+
-moz-transform: rotate3d(0, 0, 1, 0deg);
3273+
}
3274+
}
3275+
@-o-keyframes rotate {
3276+
0% {
3277+
-o-transform-origin: center center;
3278+
-o-transform: rotate3d(0, 0, 1, -360deg);
3279+
}
3280+
100% {
3281+
-o-transform-origin: center center;
3282+
-o-transform: rotate3d(0, 0, 1, 0deg);
3283+
}
3284+
}
3285+
@keyframes rotate {
3286+
0% {
3287+
transform-origin: center center;
3288+
transform: rotate3d(0, 0, 1, -360deg);
3289+
}
3290+
100% {
3291+
transform-origin: center center;
3292+
transform: rotate3d(0, 0, 1, 0deg);
3293+
}
3294+
}
3295+
@-webkit-keyframes rotateCC {
3296+
0% {
3297+
-webkit-transform-origin: center center;
3298+
-webkit-transform: rotate3d(0, 0, 1, 360deg);
3299+
}
3300+
100% {
3301+
-webkit-transform-origin: center center;
3302+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
3303+
}
3304+
}
3305+
@-moz-keyframes rotateCC {
3306+
0% {
3307+
-moz-transform-origin: center center;
3308+
-moz-transform: rotate3d(0, 0, 1, 360deg);
3309+
}
3310+
100% {
3311+
-moz-transform-origin: center center;
3312+
-moz-transform: rotate3d(0, 0, 1, 0deg);
3313+
}
3314+
}
3315+
@-o-keyframes rotateCC {
3316+
0% {
3317+
-o-transform-origin: center center;
3318+
-o-transform: rotate3d(0, 0, 1, 360deg);
3319+
}
3320+
100% {
3321+
-o-transform-origin: center center;
3322+
-o-transform: rotate3d(0, 0, 1, 0deg);
3323+
}
3324+
}
3325+
@keyframes rotateCC {
3326+
0% {
3327+
transform-origin: center center;
3328+
transform: rotate3d(0, 0, 1, 360deg);
3329+
}
3330+
100% {
3331+
transform-origin: center center;
3332+
transform: rotate3d(0, 0, 1, 0deg);
3333+
}
3334+
}
32413335
@-webkit-keyframes rotateIn {
32423336
0% {
32433337
opacity: 0;

‎dist/css/animate.min.css‎

Lines changed: 2 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/less/animate-nc.less‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/*
2-
* animate.less v1.0.3 | animateforless.com
2+
* animate.less v1.0.4 | animateforless.com
33
*
44
* -----------------------------------------------------------------------------
55
*
66
* The MIT License (MIT)
77
*
8-
* Copyright (c) 2014 Carlos M. Bonilla
8+
* Copyright (c) 2014-2016 Carlos M. Bonilla
99
*
1010
* Permission is hereby granted, free of charge, to any person obtaining a copy of
1111
* this software and associated documentation files (the "Software"), to deal in
@@ -306,6 +306,8 @@
306306
// ROTATING ENTRANCES
307307
// ----------------------------------------
308308

309+
.rotate() { #a.animation(rotate); }
310+
.rotateCC() { #a.animation(rotateCC); }
309311
.rotateIn() { #a.animation(rotateIn); }
310312
.rotateInDownLeft() { #a.animation(rotateInDownLeft); }
311313
.rotateInDownRight() { #a.animation(rotateInDownRight); }

‎dist/less/animate.less‎

Lines changed: 30 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/*
2-
* animate.less v1.0.3 | animateforless.com
2+
* animate.less v1.0.4 | animateforless.com
33
*
44
* -----------------------------------------------------------------------------
55
*
66
* The MIT License (MIT)
77
*
8-
* Copyright (c) 2014 Carlos M. Bonilla
8+
* Copyright (c) 2014-2016 Carlos M. Bonilla
99
*
1010
* Permission is hereby granted, free of charge, to any person obtaining a copy of
1111
* this software and associated documentation files (the "Software"), to deal in
@@ -306,6 +306,8 @@
306306
// ROTATING ENTRANCES
307307
// ----------------------------------------
308308

309+
.rotate() { #a.animation(rotate); }
310+
.rotateCC() { #a.animation(rotateCC); }
309311
.rotateIn() { #a.animation(rotateIn); }
310312
.rotateInDownLeft() { #a.animation(rotateInDownLeft); }
311313
.rotateInDownRight() { #a.animation(rotateInDownRight); }
@@ -418,6 +420,8 @@
418420
.flipOutY { .flipOutY; }
419421
.lightSpeedIn { .lightSpeedIn; }
420422
.lightSpeedOut { .lightSpeedOut; }
423+
.rotate { .rotate; }
424+
.rotateCC { .rotateCC; }
421425
.rotateIn { .rotateIn; }
422426
.rotateInDownLeft { .rotateInDownLeft; }
423427
.rotateInDownRight { .rotateInDownRight; }
@@ -1048,6 +1052,30 @@
10481052
}
10491053
);
10501054

1055+
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
1056+
// ANIMATION - rotate
1057+
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
1058+
1059+
#doKeyFrames(
1060+
rotate;
1061+
{
1062+
0% {#transform-origin(center center); #transform(rotate3d(0, 0, 1, -360deg));}
1063+
100% {#transform-origin(center center); #transform(rotate3d(0, 0, 1, 0deg));}
1064+
}
1065+
);
1066+
1067+
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
1068+
// ANIMATION - rotateCC
1069+
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
1070+
1071+
#doKeyFrames(
1072+
rotateCC;
1073+
{
1074+
0% {#transform-origin(center center); #transform(rotate3d(0, 0, 1, 360deg));}
1075+
100% {#transform-origin(center center); #transform(rotate3d(0, 0, 1, 0deg));}
1076+
}
1077+
);
1078+
10511079
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
10521080
// ANIMATION - rotateIn
10531081
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

0 commit comments

Comments
 (0)