2011-01-20 15 views
11

Estoy buscando un sitio de referencia para la sintaxis de CSS3. Por favor, no publique las especificaciones w3c. Necesito una visión general de lo que funciona en qué navegador y, especialmente, cómo uso los formularios cortos.Guía de referencia de CSS3

Por ejemplo, tengo problemas para encontrar una sintaxis completa para la forma abreviada -webkit-animation. ¿Hay algo además de la especificación W3C con una buena visión general?

edición lo que necesito es básicamente una hoja de trucos iterativo

ediciónthis pero crossbrowser sería perfecto.

+0

se ha respondido a esta pregunta? –

+1

tiene algunos awnsers, pero ninguno que satisfaga mi complejidad así que ahora estoy escribiendo mi propia referencia de CSS3. – meo

Respuesta

9

¿Cómo es la siguiente:

http://fmbip.com/litmus/

El mejor que he encontrado hasta ahora ...

EDIT: Este es el mejor recurso para la sintaxis que conozco:

http://www.impressivewebs.com/css3-click-chart/

+0

thx para el primer enlace. El segundo es incompleto – meo

+0

Estoy de acuerdo con Hoang por debajo de lo mejor para CSS3 realmente es en este momento en el tiempo: http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat -sheet.pdf –

0

Usted puede encontrar un buen tutorial de CSS 3 here

Y creo que va a encontrar su respuesta en esta parte (webkit-animación) http://www.w3schools.com/css3/css3_animations.asp

+2

Por favor, no recomiende ese sitio; está mejorando pero [todavía contiene una gran cantidad de imprecisiones] (http://w3fools.com/). –

+0

las explicaciones en este sitio son buenas, pero la descripción general es bastante desordenada, es difícil saber qué es y agregar y qué es el contenido. Lo siento, soy exigente, pero realmente necesito algo útil. – meo

0

Aunque css3.info no muestra la lista completa de la sintaxis en una página, pero se puede encontrar la sintaxis correcta con el proveedor del navegador en las nuevas propiedades

+0

ya lo sabía, pero es bastante incompleto. – meo

2

Bueno, CSS3.info ofrece a page that links a un downloadable reference guide (in .pdf format), que parece lista bastante todo lo que pude pensar

+0

+1 Me encanta surfin safari, pero tristemente solo ayuda con webkit:/La guía de referencia es muy buena, gracias, pero echo de menos los navegadores compatibles. (y la sintaxis correspondiente) – meo

+0

@meo, bueno, sí: pero solo pretendía aclarar mi punto con respecto a tu deseo de aprender sobre '-webkit-animado', y por lo que asumo que querías' -webkit-transition '. La página [CSS3.info] (http://www.css3.info/) es mi intento de * responder * a su pregunta. ¡Y gracias por el voto positivo! =) –

+0

no, quise decir -webkit-animation: http://css3.bradshawenterprises.com/#animationDemo. Pero yo solo era un ejemplo – meo

1

El Mozilla Developer Center tiene una muy bueno reference manual para CSS (y muchas otras cosas por cierto). Su referencia incluye el estándar CSS y las extensiones hechas por Mozilla for Gecko (es decir, extensiones -moz-).

El CSS reference en sí mismo es independiente del navegador actualizado (incluye propiedades CSS3), y cada propiedad tiene una tabla de compatibilidad de navegadores múltiples en él.

Para la compatibilidad del navegador, por supuesto hay Quirksmode's tables que se actualizan regularmente.

1