---
title: Options
category: docs
layout: doc
body_class: option-def
---
animationEngine- String
'best-available'
Determines the jQuery method to apply styles, `.css()` or `.animate()`. Useful for relying on CSS transitions to handle animation.
#### Values
+ `'best-available'`: if browser supports CSS transitions, Isotope uses `.css()`. If not, falls back to using `.animate()`.
+ `'css'`: Isotope uses `.css()`
+ `'jquery'`: Isotope uses `.animate()`
animationOptions- Object
{ queue: false }
When jQuery is the animation engine, these options will be used in .animate(). See the [jQuery API for animate options](http://api.jquery.com/animate/#animate-properties-options) for details.
**Example:**
{% highlight javascript %}
$('#container').isotope({
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
{% endhighlight %}
containerClass- String
'isotope'
The class applied to the container element.
filter- Selector
Setting a filter with show item elements that match the selector, and hide elements that do not match.
getSortData- Object
hiddenClass- String
'isotope-hidden'
hiddenStyle- Object
{ opacity : 0, scale : 0.001 }
itemSelector- Selector
layoutMode- String
'masonry'
resizeable- Boolean
true
sortAscending- Boolean
true
sortBy- String
visibleStyle- Object
{ opacity : 1, scale : 1 }