diff --git a/_posts/demos/2011-06-13-hash-history.html b/_posts/demos/2011-06-13-hash-history.html
index 4c320fc3..99b02a89 100644
--- a/_posts/demos/2011-06-13-hash-history.html
+++ b/_posts/demos/2011-06-13-hash-history.html
@@ -154,7 +154,7 @@ Layout modes
// get options object from hash
var hashOptions = window.location.hash ? $.deparam.fragment( window.location.hash, true ) : {},
// do not animate first call
- aniEngine = hashChanged ? ( $.browser.opera ? 'jquery' : 'best-available' ) : 'none',
+ aniEngine = hashChanged ? 'best-available' : 'none',
// apply defaults where no option was specified
options = $.extend( {}, defaultOptions, hashOptions, { animationEngine: aniEngine } );
// apply options from hash
diff --git a/_posts/docs/2010-12-01-introduction.mdown b/_posts/docs/2010-12-01-introduction.mdown
index 02f1a0bb..ce598610 100644
--- a/_posts/docs/2010-12-01-introduction.mdown
+++ b/_posts/docs/2010-12-01-introduction.mdown
@@ -104,18 +104,21 @@ Add these styles to your CSS for [filtering](filtering.html), [animation](animat
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
+ -o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
+ -o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
+ -o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
@@ -126,6 +129,7 @@ Add these styles to your CSS for [filtering](filtering.html), [animation](animat
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
+ -o-transition-duration: 0s;
transition-duration: 0s;
}
diff --git a/_posts/docs/2010-12-03-options.mdown b/_posts/docs/2010-12-03-options.mdown
index eaa4b0a1..5458b571 100644
--- a/_posts/docs/2010-12-03-options.mdown
+++ b/_posts/docs/2010-12-03-options.mdown
@@ -262,11 +262,13 @@ The property name of the method within the `getSortData` option to sort item ele
transformsEnabled- Boolean
- true!$.browser.opera
Isotope uses CSS3 transform to position item elements, when available in the browser. Setting `transformsEnabled` to false will disable this feature so all browsers use top/left absolute positioning. Useful for [resolving issues with Flash content](help.html#flash).
+Default value is set to false for Opera. See [Help: CSS transforms in Opera](help.html#css_transforms_in_opera).
+
### Additional CSS {#transformsEnabled-css}
If you do disable transforms, but still want to use [CSS transitions](animating.html#css_transitions), you'll need add the following CSS:
@@ -276,25 +278,12 @@ If you do disable transforms, but still want to use [CSS transitions](animating.
.isotope .isotope-item {
-webkit-transition-property: top, left, opacity;
-moz-transition-property: top, left, opacity;
+ -o-transition-property: top, left, opacity;
transition-property: top, left, opacity;
}
{% endhighlight %}
-### Disabling hidden and visible scale styles
-
-If you are using filtering, it's also a good idea to disable the scale transform with the [`hiddenStyle` option](#hiddenstyle) and [`visibleStyle` option](#visiblestyle).
-
-{% highlight javascript %}
-
-$('#container').isotope({
- transformsEnabled: false,
- visibleStyle: { opacity: 1 },
- hiddenStyle: { opacity: 0 }
-});
-
-{% endhighlight %}
-
## visibleStyle
diff --git a/_posts/docs/2010-12-09-animating.mdown b/_posts/docs/2010-12-09-animating.mdown
index bbbd8508..5adec9eb 100644
--- a/_posts/docs/2010-12-09-animating.mdown
+++ b/_posts/docs/2010-12-09-animating.mdown
@@ -32,18 +32,21 @@ To enable animation with CSS transitions, you'll need the following code in your
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
+ -o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
+ -o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
+ -o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
diff --git a/_posts/docs/2011-12-11-help.mdown b/_posts/docs/2011-12-11-help.mdown
index e61a7480..1913997d 100644
--- a/_posts/docs/2011-12-11-help.mdown
+++ b/_posts/docs/2011-12-11-help.mdown
@@ -125,24 +125,9 @@ isotopeInstance.masonry.columnWidth; // Layout mode specific properties
## CSS transforms in Opera
-Currently, [using CSS transforms in Opera distorts text rendering](http://dropshado.ws/post/1260101028/opera-transform-issues). To avoid this issue, I recommend disabling Isotope to use transforms.
+Currently, [using CSS transforms in Opera distorts text rendering](http://dropshado.ws/post/1260101028/opera-transform-issues). To avoid this issue, the default value of [`transformsEnabled`](options.html#transformsenabled) is set to