Loader by vikramsinghnegi
#e8e8e8
1.loader { 2 position: relative; 3 width: 40px; 4 height: 60px; 5 animation: heartBeat 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); 6} 7 8.loader:before, 9.loader:after { 10 content: ""; 11 background: red; 12 width: 40px; 13 height: 60px; 14 border-radius: 50px 50px 0 0; 15 position: absolute; 16 left: 0; 17 bottom: 0; 18 transform: rotate(45deg); 19 transform-origin: 50% 68%; 20 box-shadow: 5px 4px 5px #0004 inset; 21} 22.loader:after { 23 transform: rotate(-45deg); 24} 25@keyframes heartBeat { 26 0% { 27 transform: scale(0.95); 28 } 29 5% { 30 transform: scale(1.1); 31 } 32 39% { 33 transform: scale(0.85); 34 } 35 45% { 36 transform: scale(1); 37 } 38 60% { 39 transform: scale(0.95); 40 } 41 100% { 42 transform: scale(0.9); 43 } 44} 45
259 views
259 views
MIT License