Вход Регистрация
»

Название : Строка загрузки


» Описание: Понятия не имею кому при годится, но это строка загрузки на CSS На вывод

<div class="progress"></div>


В CSS код ниже
» Добавил: * -=(C)DRU987=-
» Время добавления: 9 Мая 2015 в 20:06
» Посмотров: 1342
» textarea
» Рейтинг: [+2 | -0]
Комментарии [4]
  1. .progress {
  2. background: #333;
  3. /* Фон */
  4. border: 2px solid #333;
  5. /* Рамка */
  6. height: 20px;
  7. /* Высота */
  8. position: relative;
  9. /* Относительное позиционирование */
  10. }
  11. .progress::before {
  12. animation: progress 5s;
  13. animation-timing-function: linear;
  14. animation-duration: 5s;
  15. animation-fill-mode: forwards;
  16. -webkit-animation-name: progress;
  17. -webkit-animation-timing-function: linear;
  18. -webkit-animation-duration: 5s;
  19. -webkit-animation-fill-mode: forwards;
  20. content:'';
  21. position: absolute;
  22. /* Абсолютное позиционирование */
  23. height: 100%;
  24. background: #FFA600;
  25. /* Фон */
  26. }
  27. @-webkit-keyframes progress {
  28. from {
  29. width: 0;
  30. }
  31. to {
  32. width: 100%;
  33. }
  34. }
  35. @keyframes progress {
  36. from {
  37. width: 0;
  38. }
  39. to {
  40. width: 100%;
  41. }
  42. }
Онлайн: 5
Реклама