Категорія: Верстка

Сегодня мы будем создавать кнопку с меняющимся цветом при помощи CSS анимации. В первую очередь создадим анимацию: @-webkit-keyframes greenPulse { from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; } 50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; } to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; } } Затем применим ее к Подробиці…

Эффект тени можно применять к элементам верстки. Это позволяет выделить элемент на странице, создать иллюзию висящего в воздухе элемента или просто сделать рамку у блока. Для копирования понравившейся тени щелкните мышкой по блоку с тенью № 0   № 1   № 2   № 3   № 4   № 5   № 6 Подробиці…