анимация кнопки

Пишем HTML код: <div class="wrapper-no4"> <button class="button-bird"> <p class="button-bird__text">SEND</p> <svg version="1.1" class="feather" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 75 38"...

В шаблон EXTRA.CSS добавляем: Эффект первый (черная полоса). .button { background: rgb(255, 255, 200) linear-gradient(135deg, #a5cae4 0%, #a5cae4 40%, #000 50%, #a5cae4 60%, #a5cae4 100%) no-repeat scroll 0 center / 300% auto; } .button:hover { animation: 1s ease 0s normal none 1 running light...