Bueno, 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, se ven bien, 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 como 17 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 FireFox, literalmente se ve como velas a medio derretir
les muestro como se ve en chrome y firefox ambos degradados
Chrome Bien
Firefox Mal
[/url]
Chrome Mal
Firefox Bien
[url=http://codepen.io/elestudiantefantasma/pen/EFphH]
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 ?
nunca eh usado normalize.css o reset.css ¿creen que para este caso, pueda normalizar.css o reset.css el punto de partida en px y las dimenciones de los Gradiantes?
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
si quieren ver algunos patrones repetitivos que hice en CSS, pueden verlos aqui
http://codepen.io/collection/HAhzm/
ojo, no son imagenes
