Sha256: 6a70a2f07b9fa359e9688c740b11d651383659135344a53883a91e3e955190da

Contents?: true

Size: 796 Bytes

Versions: 22

Compression:

Stored size: 796 Bytes

Contents

<section>
<p>Hover states using CSS animations</p>

<button class="ae-btn ae-fade-in">Fade In</button>
<button class="ae-btn ae-fade-out">Fade Out</button>
<button class="ae-btn ae-ease-in-out">Ease In Out (Button Hover)</button>

<table>
  <thead>
    <th>Animation</th>
    <th>Class</th>
    <th>Usage</th>
  </thead>
  <tbody>
    <tr>
        <td>Fade In</td>
        <td><code>.ae-fade-in</code></td>
        <td>Show element</td>
    </tr>
    <tr>
        <td>Fade Out</td>
        <td><code>.ae-fade-out</code></td>
        <td>Hide element</td>
    </tr>
    <tr>
        <td>Ease In Out</td>
        <td><code>.ae-ease-in-out</code></td>
        <td>Easing in and out <br /><small>Automatically applied to buttons and image links</small></td>
    </tr>

  </tbody>
</table>
</section>

Version data entries

22 entries across 22 versions & 1 rubygems

Version Path
express_ui-0.5.2 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.5.1 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.5.0 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.4.2 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.4.1 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.4.0 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.3.0 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.2.1 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.2.0 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.7 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.6 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.5 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.4 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.3 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.2 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.1 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.0 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.0.rc7 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.0.rc5 app/views/express_ui/atoms/_animations.html.erb
express_ui-0.1.0.rc4 app/views/express_ui/atoms/_animations.html.erb