Re-Calibrar o Resetear css con linear-gradient y radial-gradient 
estoy haciendo nuevos experimentos, ahora con algunas propiedades de css en los backgroundś
ahora bien, empece hace poco a jugar con las propiedades de linear-gradient y radial-gradient para hacer unos "dibujitos sencillos", me salieron aceptables ya que al revisarlos con los navegadores de IE, Chrome, opera y Firefox me salieron visualmente aceptables
en algunos casos hice animaciones con los fondos y me sorprendio IE que me demostro que procesa mejor ese tipo operaciones con css.en fin, hace 3 dias, navegando por youtube, me tope con este logo que me se hiso interesante y retador realizarlo como un fondo repetitivo solo con css.
asi que me puse manos a la obra y lo termine, no me quedo identico pero me gusto, mi punto visual inicial de apoyo fue Firefox, los patrones repetitivos que hice anteriormente se veian bien en los demas navegadores, asi que me confie, pero mi sorpresa al dia siguiente con chrome fue horrible
decidi modificar la dimencion de algunos triangulos que hice y su posicion, para hacer que visaulmente quedara bien en Chrome
cuando volvi a ver como se veia en Fire fox, literalmente quedo asi
la estructura se veia partida y sesgada
por eso mi pregunta es ¿hay alguna manera re-calibrar o resetear lo que es 1px para chrome y firefox tanto en tamaño como en distancia ?
les muestro como se ve en chrome y firefox ambos degradados
Chrome Bien
Firefox Bien
Firefox Mal
Chrome Mal
Por cierto, el codigo css para mostrar esto solo pesa 6kb, comparado con otros patrones repetitivos que eh dibujado pero mas "sencillos" pesa 3 veces o mas
Gracias amigos y espero sus respuestas
