Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: Gradiente CSS

  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    12 mar, 14
    Mensajes
    1
    Poder de Reputación
    0

    Gradiente CSS

    Hola a todos!

    Soy novato en esto, agradecería cualquier ayuda al respecto:
    la cuestión es que tratando de introducir un gradiente como fondo para la web que estoy diseñando, por más que copio códigos de internet y hago pruebas, no soy capaz de reflejar los resultados.
    Debo introducir alguna función específica en HTML que haga referencia a esto?
    ¿Puede ser cosa del programa HTML Kit?

    Gracias de antemano por vuestra colaboracion

    saludos,

  2. #2
    Recien Llegado! Habitante
    Fecha de Ingreso
    16 feb, 12
    Mensajes
    24
    Poder de Reputación
    12
    el gradiente tiene 2 opciones la linear y la gradient la primera parte dos colores en linea recta difuminado uno con otro y la segunda en circulo muchas veces es mejor adaptar los codigos a lo mas simple por que he visto videos que tal y como estaba escrito no me funcionaban .
    la linear yo la pongo asi:background:-moz-linear-gradient(-37deg,#00008B,#FFFAFA 73%);background:-webkit-linear-gradient(-37deg,#00008B,#FFFAFA 73%);background:linear-gradient(-37deg,#00008B,#FFFAFA 73%); primero van los prefijos de los navegadores,luego el tipo de gradiente,entre ()el primer valor es desde donde se esparce el color puedes poner top,left etc y separado por comas los colores hexadecimas o por su nombre en ingles al lado derecho de los colores puedes poner el porcentage hasta donde quieres que llegue el color,aqui veras que solo se lo puse a uno por que cuando defines los dos no se difumina si no que los colores se cortan en una linea y no se difuminan unos con otros.
    ---la gradient se define igual--- background:-moz-radial-gradient(left,ellipse,color %,color) el primer valor seria igual top left center etc y seguido de una coma circle o ellipse que seria la forma de expandirse ,seguido ya pones los colores y el porcentage,luego tambien hay valores de opacidad pero ahi aun no he llegado

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    11 jul, 14
    Ubicación
    Lima
    Mensajes
    23
    Poder de Reputación
    9
    Revisa esta herramienta, es una herramienta para generar el código css para gradientes. Es muy buena yo la uso siempre:

    http://www.colorzilla.com/gradient-editor/
    Diseño de Páginas Web Profesionales:
    Hostingroup - Hosting Peru

Temas Similares

  1. ¿ Gradiente o no gradiente ?
    Por lantiga en el foro Foro General
    Respuestas: 6
    Último Mensaje: 27/11/2011, 14:12

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •