-o- vendor prefixed CSS supported in Opera 10.50 and 10.60
By Bruce Lawsonbrucelawson. Friday, June 25, 2010 12:47:23 PM
The CSS specification allows for vendor-specific extensions. These are usually (but not exclusively) used for experimental additions to the CSS specification that have not yet reached Candidate Recommendation stage. The following are used in Opera 10.5x and Opera 10.60:
-
-o-table-baselinesee A MathML for CSS Profile -
-o-text-overflowsee CSS3 Text Module section -
-o-transformsee CSS 2D Transforms Module Level 3 -
-o-transform-originsee Transforms Module Level 3 -
-o-transitionsee CSS Transitions Module Level 3 (Partial support, see http://www.opera.com/docs/specs/presto25/css/transitions/). CSS transitions are supported on certain animatable properties. -
-o-transition-delaysee CSS Transitions Module Level 3 -
-o-transition-durationsee CSS Transitions Module Level 3 -
-o-transition-propertysee CSS Transitions Module Level 3 -
-o-transition-timing-functionsee CSS Transitions Module Level 3
In addition to using -moz-, -ms-, -o- and -webkit- extensions (I usually put them in alphabetical order), the final declaration should use the unprefixed version. That way, future browsers that include the feature after it becomes fully standardised can apply the style.
(This carries a risk that the specification might change, but if you choose to use experimental features on production sites you need to be aware that there is a risk. The risk a spec may change is a better bet than the certainty that future browsers won't be able to use your rules if you don't use a non-prefixed version: see Bruce's Writing cross-browser, future-proof CSS 3 for more discussion.)
Opera 10.5x also supports the extension -o-tab-size which defines how many spaces a tab character displays as inside <pre>, for example {-o-tab-size:3;}.
We also publish a full list of Web specifications supported in Opera Presto 2.5.
Peter Beverloo has written an Overview and comparison of vendor-prefixed CSS properties.

Anonymous # Friday, June 25, 2010 2:10:52 PM
Bruce Lawsonbrucelawson # Friday, June 25, 2010 2:25:27 PM
I use
{background-image:url(gradient.svg);}to pull in an SVG gradientedvakf # Friday, June 25, 2010 2:31:24 PM
To apply that only to Opera you need some kind of CSS hack for Opera, don't you?
Bruce Lawsonbrucelawson # Friday, June 25, 2010 2:42:41 PM
edvakf # Friday, June 25, 2010 4:34:26 PM
For url I'm loading data:image/svg+xml;
<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad" x1="0" y1="0" x2="0" y2="100%"> <stop offset="0" stop-color="#ccc" /> <stop offset="1" stop-color="#000" /> </linearGradient> </defs> <rect x="0" y="0" width="100%" height="100%" style="fill:url(#grad)" /> </svg>Cutting Spoonhellspork # Friday, June 25, 2010 4:36:41 PM
Bruce Lawsonbrucelawson # Friday, June 25, 2010 4:59:13 PM
But I'm not that clever ...
@cuttingspoon The transitions and transforms are new in O10.50
Anonymous # Friday, June 25, 2010 5:23:33 PM
YongShunyongshun # Friday, June 25, 2010 6:15:21 PM
Cutting Spoonhellspork # Friday, June 25, 2010 9:55:10 PM
Bruce Lawsonbrucelawson # Saturday, June 26, 2010 7:38:46 AM
Witold Barylukmovax # Tuesday, July 6, 2010 11:39:15 PM
Witold Barylukmovax # Tuesday, July 6, 2010 11:41:15 PM
Bruce Lawsonbrucelawson # Wednesday, July 7, 2010 7:42:57 AM
Witold Barylukmovax # Wednesday, July 7, 2010 11:45:23 PM
Originally posted by brucelawson:
Yes, i know. Just wondering is anybody is thinking about it.
For sure things like gradients should be implemented first as they are already supported and on the standard track.
Martin RauscherHades32 # Tuesday, July 13, 2010 7:49:55 AM