Después de muchas horas-hombre de trabajo, Opera ha lanzado Opera 10. Este comunicado contiene el Presto Opera 2.2 motor de renderizado. Las dos características principales en cuanto a CSS3 son Web Fonts y pleno apoyo a la especificación de CSS 3 de color.

Web Fonts

Las Web Fonts permiten que el autor de una página web haga un vínculo a un archivo de fuente en un servidor, en lugar de sólo los usuarios de equipo local. Esto aumenta enormemente las opciones disponibles para los diseñadores. Opera soporta enlaces a OpenType, TrueType y SVG, Safari y Firefox apoyo OpenType y fuentes TrueType, y el IE es compatible con fuentes EOT. Una cosa a tener en cuenta es que, aunque cualquier fuente puede ser técnicamente utilizada si el formato es compatible, EULA de la fuente explícitamente debe permitir incrustar a través de @ font-face, o sea una fuente con licencia libre. Ejemplos de fuentes de alta calidad que pueden ser utilizados se pueden encontrar en La Liga de tipo movible y sitios WebFonts.info.

Las Web Fonts se puede especificar mediante el @ font-face En la regla, junto con el código de la fuente y el nombre de la fuente, en la parte superior del archivo CSS:

@font-face {

font-family: "Alef Caps A"; 	

src: url(../fonts/AlefCapsA.otf) format("opentype"); 

}

La fuente puede ser llamada como si fuera una fuente regular usando font-family:

p:first-of-type::first-letter {

  font-family: "Alef Caps A"; 

}

He preparado un ejemplo de archivo mostrando las fuentes existentes que son bastante seguros de usar hoy en día, y una selección de alta calidad de las Web Fonts de fuente segura. Esto funciona en Opera, Safari y Firefox. Tendrá que generar los archivos EOT para las fuentes que trabajara También en el IE. Este demo muestra el nombre de la fuente y un repertorio de la muestra.

Transparency

Opera 10 ahora soporta la CSS 3 Color completo de especificaciones, lo que significa que tiene el apoyo completo para todos En las normas, selectores y propiedades en la especificación CSS 2007 instantánea. Esto incluye los módulos que se consideran estables. Solo la Propiedad/valor que falta es visibility: collapse;, que ya ha sido implementado en el Presto Opera motor 2.4.

Opera apoya el valor de la transparencia en el contexto de CSS 3, como el color, pero esto no es demasiado emocionante. La acción principal se encuentra en el HSLA y RGBA modelos de color. Esto añade más detalle a través de SVG, tales como rampas y pendientes y los botones, y las ventanas ahora puede ser arrastrado por la pantalla. Esto hace que el uso liberal de HSLA y RGBA, así como las propiedades CSS SVG fill-opacity y stop-opacity. Es un ejemplo de lo que ahora se puede hacer con el poder de HTML5, CSS 3, SVG y JavaScript. No estamos lejos de poder hacer SO nativo efectos de alta calidad utilizando la tecnología web humilde.

Aunque Opera 10 acaba de ser lanzado, el equipo de Opera Core no se ha sentado de brazos cruzados mientras el equipo de escritorio estaban en el trabajo. La próxima versión del motor de renderizado; Presto Opera 2.3 ya está terminado (incluyendo la talla de border-radius, box-shadow (incluido el valor de propagación y la inserción de palabras clave)) y Opera 2.4 es Presto en fuerte desarrollo. Ya es y será un momento emocionante para CSS 3.