Serge NOEL
38 lines
1.3 KiB
CSS
38 lines
1.3 KiB
CSS
/*
|
|
Document : pulse
|
|
Created on : May 31, 2013, 7:11:06 AM
|
|
Author : rhwood (from http://daneden.me/animate/)
|
|
Description:
|
|
Pulse an object
|
|
*/
|
|
|
|
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
|
|
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
|
|
@-webkit-keyframes pulse {
|
|
0% { -webkit-transform: scale(1); }
|
|
50% { -webkit-transform: scale(1.1); }
|
|
100% { -webkit-transform: scale(1); }
|
|
}
|
|
@-moz-keyframes pulse {
|
|
0% { -moz-transform: scale(1); }
|
|
50% { -moz-transform: scale(1.1); }
|
|
100% { -moz-transform: scale(1); }
|
|
}
|
|
@-o-keyframes pulse {
|
|
0% { -o-transform: scale(1); }
|
|
50% { -o-transform: scale(1.1); }
|
|
100% { -o-transform: scale(1); }
|
|
}
|
|
@keyframes pulse {
|
|
0% { transform: scale(1); }
|
|
50% { transform: scale(1.1); }
|
|
100% { transform: scale(1); }
|
|
}
|
|
|
|
.pulse {
|
|
-webkit-animation-name: pulse;
|
|
-moz-animation-name: pulse;
|
|
-o-animation-name: pulse;
|
|
animation-name: pulse;
|
|
}
|