DEMO

ボーダーホバー

普通のホバーだと

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, placeat, cum. Odio tempore aliquam nobis, quo aut tempora perspiciatis, aspernatur libero, voluptatem numquam ut impedit harum consequatur a molestiae magni.

横からアニメーション

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, placeat, cum. Odio tempore aliquam nobis, quo aut tempora perspiciatis, aspernatur libero, voluptatem numquam ut impedit harum consequatur a molestiae magni.

上からアニメーション

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, placeat, cum. Odio tempore aliquam nobis, quo aut tempora perspiciatis, aspernatur libero, voluptatem numquam ut impedit harum consequatur a molestiae magni.

真ん中からアニメーション

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, placeat, cum. Odio tempore aliquam nobis, quo aut tempora perspiciatis, aspernatur libero, voluptatem numquam ut impedit harum consequatur a molestiae magni.

色チェンジ

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, placeat, cum. Odio tempore aliquam nobis, quo aut tempora perspiciatis, aspernatur libero, voluptatem numquam ut impedit harum consequatur a molestiae magni.

真ん中から色チェンジ

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, placeat, cum. Odio tempore aliquam nobis, quo aut tempora perspiciatis, aspernatur libero, voluptatem numquam ut impedit harum consequatur a molestiae magni.