Home Explore Help
Register Sign In
hacklabbo
/
sito-hackit-22
forked from boyska/sito-hackit-22
15
0
Fork 0
Files
Tree: 86099a392d
Branches Tags
sito-hackit-22
/
themes
/
maya0x17
/
static
/
effects.scss

effects.scss 1.7 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 
  1. /* pulse {{{ */
    2. 

  2. .pulse {
    3. 

  3.   border-radius: 50%;
    4. 

  4.   cursor: pointer;
    5. 

  5.   box-shadow: 0 0 0 rgba(255,255,255, 0);
    6. 

  6.   animation: pulse 5s infinite;
    7. 

  7. }
    8. 

  8. .pulse:hover {
    9. 

  9.   animation: none;
    10. 

  10. }
    11. 

  11. 

  12. @-webkit-keyframes pulse {
    13. 

  13.   0% {
    14. 

  14.     -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    15. 

  15.   }
    16. 

  16.   17% {
    17. 

  17.     -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    18. 

  18.   }
    19. 

  19.   20% {
    20. 

  20.       -webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
    21. 

  21.   }
    22. 

  22.   23% {
    23. 

  23.     -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    24. 

  24.   }
    25. 

  25.   26% {
    26. 

  26.       -webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
    27. 

  27.   }
    28. 

  28.   29% {
    29. 

  29.     -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    30. 

  30.   }
    31. 

  31.   100% {
    32. 

  32.       -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    33. 

  33.   }
    34. 

  34. }
    35. 

  35. @keyframes pulse {
    36. 

  36.   0% {
    37. 

  37.     -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    38. 

  38.     box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    39. 

  39.   }
    40. 

  40.   17% {
    41. 

  41.     -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    42. 

  42.     box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    43. 

  43.   }
    44. 

  44.   20% {
    45. 

  45.       -moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
    46. 

  46.       box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
    47. 

  47.   }
    48. 

  48.   23% {
    49. 

  49.     -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    50. 

  50.     box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    51. 

  51.   }
    52. 

  52.   26% {
    53. 

  53.       -moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
    54. 

  54.       box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
    55. 

  55.   }
    56. 

  56.   29% {
    57. 

  57.     -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    58. 

  58.     box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    59. 

  59.   }
    60. 

  60.   100% {
    61. 

  61.       -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    62. 

  62.       box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
    63. 

  63.   }
    64. 

  64. }
    65. 

  65. /* pulse }}} */
    66. 

  66. 

  67. /* rotate {{{ */
    68. 

  68. .rotate {
    69. 

  69.     animation: rotation 1s infinite ease-out;
    70. 

  70. }
    71. 

  71. @keyframes rotation {
    72. 

  72.   from {
    73. 

  73.     transform: rotate(0deg);
    74. 

  74.   }
    75. 

  75.   to {
    76. 

  76.     transform: rotate(1440deg);
    77. 

  77.   }
    78. 

  78. }
    79. 

  79. /* rotate }}} */
    80.