CSS - кнопка Animated

Question

мне нужно анимированный кнопку CSS, то, как на картинке,
Вы можете обнаружить, что кнопки здесь: http://todomvc.com/

Что-то похожее на это:

Answer 1

Вы можете попробовать поместить DIV внутри кнопки, как так:

<button> 
    <div> 
     Button 
    </div> 
</button> 

а затем установите DIV анимировать в width: 100% и background: red

Для красной линии внизу, может быть, анимации, где вы установить border-bottom свойство