1. Куча / Говнокод #16246

    +128

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    51. 51
    52. 52
    53. 53
    @keyframes shadow{
    from {
        -webkit-box-shadow: 0px 0px 55px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 55px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 55px 10px rgba(168,207,255,40);

        -webkit-box-shadow: 0px 0px 54px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 54px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 54px 10px rgba(168,207,255,40);

        -webkit-box-shadow: 0px 0px 53px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 53px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 53px 10px rgba(168,207,255,40);
	     
	     
	     .......
	     
	     
        -webkit-box-shadow: 0px 0px 1px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 1px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 1px 10px rgba(168,207,255,40);
       }
    to{
        -webkit-box-shadow: 0px 0px 1px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 1px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 1px 10px rgba(168,207,255,40);

      	.......
      	
        -webkit-box-shadow: 0px 0px 53px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 53px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 53px 10px rgba(168,207,255,40);

        -webkit-box-shadow: 0px 0px 54px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 54px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 54px 10px rgba(168,207,255,40);

        -webkit-box-shadow: 0px 0px 55px 10px rgba(168,207,255,40);
        -moz-box-shadow: 0px 0px 55px 10px rgba(168,207,255,40);
        box-shadow: 0px 0px 55px 10px rgba(168,207,255,40);

    }
}

#progressShadow{
    height:25px;
    margin:-28px 0 0 30px;
    border-radius: 10px;
    position: absolute;
    -webkit-animation: shadow 1s linear infinite;
    -moz-animation: shadow 1s linear infinite;
    animation: shadow 1s linear infinite;
}

    Чувак хотел создать эффект пульсацию с CSS и расчет сделал от 55px до 1px и от 1px до 55px )))

    Запостил: asus-ns55, 27 Июня 2014

    Комментарии (2) RSS

    Добавить комментарий