12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- /* pulse {{{ */
- .pulse {
- border-radius: 50%;
- cursor: pointer;
- box-shadow: 0 0 0 rgba(255,255,255, 0);
- animation: pulse 5s infinite;
- }
- .pulse:hover {
- animation: none;
- }
- @-webkit-keyframes pulse {
- 0% {
- -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 17% {
- -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 20% {
- -webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
- }
- 23% {
- -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 26% {
- -webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
- }
- 29% {
- -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 100% {
- -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- }
- @keyframes pulse {
- 0% {
- -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 17% {
- -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 20% {
- -moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
- box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
- }
- 23% {
- -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 26% {
- -moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
- box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
- }
- 29% {
- -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- 100% {
- -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
- }
- }
- /* pulse }}} */
- /* rotate {{{ */
- .rotate {
- animation: rotation 1s infinite ease-out;
- }
- @keyframes rotation {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(1440deg);
- }
- }
- /* rotate }}} */
|