--- layout: default nav: attributes > ic-transition-duration ---

## `ic-transition-duration` - The Poll Attribute

### Summary

The `ic-transition-duration` attribute tells Intercooler to wait the specified amount of time after applying the `ic-transitioning` class to the target element and then executing the content swap, which gives a CSS transition time to complete.

### Syntax

The value of the attribute should a valid integer, followed by the string "s" (for seconds) or "ms" (for milliseconds). (e.g. ic-transition-duration="100ms" indicates that the server should be polled every 100 milliseconds.)

### Dependencies

`ic-transition-duration` has no dependency implications.

### Example

Here is a simple example, where the inner content is faded in and out on a button:

      <style>
        #transition-2 span {
          transition: all .9s;
        }

        #transition-2.ic-transitioning span {
          opacity: 0;
        }
      </style>

      <a id="transition-2" ic-transition-duration="1s" class="btn btn-primary" ic-post-to="/transition_2"><span>Click Me!</span></a>

Click Me!