Cualquier otra pregunta relacionada con esto tiene respuestas que proporcionan la sintaxis de webkit ANTIGUO, no la nueva sintaxis, o no explican cómo aplicar el degradado de borde a SÓLO un lado.Gradiente de borde del lado derecho solo con la sintaxis de gradiente de webkit más nueva, ¿qué navegadores soportan esto y cómo hacerlo en esos también?
¿Qué navegadores admiten bordes degradados a través de CSS sin tener que usar imágenes?
Tengo un ejemplo en el JsFiddle a continuación, muestra un degradado que se aplica SOLAMENTE al borde derecho, ¿cómo podría hacer que este navegador cruzado sea compatible con todos los navegadores que actualmente admiten degradados de borde CSS? Creo que la sintaxis de Gradient en mi ejemplo es la antigua sintaxis utilizada por webkit, actualizaron la sintaxis hace aproximadamente un año, creo, me gustaría usar la nueva sintaxis pero fallaré con cada intento. No entiendo qué en la sintaxis dice que el degradado SÓLO debe aplicarse al lado derecho, intenté ajustar los números, pero simplemente no entiendo qué lo está haciendo. Muchas gracias.
http://jsfiddle.net/nicktheandroid/MNax7/1/
Además, tengo otro ejemplo a continuación, utiliza la nueva sintaxis gradiente de CSS que utilizan todos los navegadores, pero el gradiente se aplica a todas las fronteras, quería que se aplica sólo a la borde derecho, como el ejemplo anterior lo hace.
http://jsfiddle.net/nicktheandroid/b875w/2/