Input by tiagoadag1203
#212121
1.input { 2 max-width: 190px; 3 background-color: #1a1a1a; 4 border: none; 5 padding: 10px; 6 border-radius: 10px; 7 outline: none; 8 color: white; 9} 10 11.input:focus { 12 animation: rotateShadow 2s infinite linear; 13} 14 15@keyframes rotateShadow { 16 0% { 17 box-shadow: -2px -2px 8px 1px #aa00ff, 2px 2px 8px 1px #3700ff; 18 } 19 25% { 20 box-shadow: -2px 2px 8px 1px #aa00ff, 2px -2px 8px 1px #3700ff; 21 } 22 50% { 23 box-shadow: 2px 2px 8px 1px #aa00ff, -2px -2px 8px 1px #3700ff; 24 } 25 75% { 26 box-shadow: 2px -2px 8px 1px #aa00ff, -2px 2px 8px 1px #3700ff; 27 } 28 100% { 29 box-shadow: -2px -2px 8px 1px #aa00ff, 2px 2px 8px 1px #3700ff; 30 } 31} 32
349 views
349 views
Variations
1 MIT License