Close

A close button that can be combined with different components.

Usage

Add .am-close class to elements。

<a href="#" class="am-close">&times;</a>

<button type="button" class="am-close">&times;</button>

Style modifier

Add .am-close-alt class to use alternative style.

Using x

<a href="" class="am-close am-close-alt">&times;</a>

Using Icon Font

<a href="" class="am-close am-close-alt am-icon-times"></a>

Center Align

This problem is pretty exhausting. It's almost impossible achieve center align to all fonts. Now we have added styles using Icon Font. Please contact us if you have any better idea.

Spin when Hover

Add .am-close-spin class (need support of CSS3 transform).

<a href="" class="am-close am-close-alt am-close-spin">&times;</a>
<a href="" class="am-close am-close-alt am-close-spin am-icon-times"></a>

Amaze UI 2.4

CSS

TOC