•  

    box-shadow: 3px 3px 10px # ;  -- tener codigo de sombra sin visibilidad.

    box-shadow: 0 0 9px rgba(0, 0, 0, .9) 2px 5px 9px;-- sombra externa . Color en RGB con opacidad. y tamaño.

    box-shadow: #000000 0px 0px 5px inset; ----- sombra interna. Color en HEX.

    box-shadow: 0 0 9px rgba(0, 0, 0, .9),inset rgba(0,0,0,.6) 2px 5px 9px; -- sombra externa y interna.

     

     Sombra externa

     

     box-shadow: 0px 0px 20px #000000; 

     

     

     

     

     

     Sombra externa, interna en RGB con opacidad

     

    box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 7px 12px -2px rgba(0,0,0,0.8);

     

     

     

     

     

     Sombra externa, interna en RGB con opacidad

     

    box-shadow: inset 0px -3px 3px rgba(0,0,0,0.6), inset 0px 3px 3px rgba(252,255,255,0.7), 0px 27px 12px -2px rgba(0,0,0,0.8);

     


    votre commentaire
  • Formato de texto, marcos, fondos, bordes, etc.:

    px-pixel

    pt- punto

    pc - pica

    em - em

    ex -ex

    in - pulgas

    mm- milimetros

    cm - cantimetros 

    %  - en procentaje

     ................................................................................................................................

    Salto de linea

     - <br>

    Texto 1
    Texto 2

     

    HTML 

    <p> Texto 1 <br> Texto 2 </p>

    ................................................................................................................................

     

    Linea separadora invesible para texto en HTML 

     

     

    <!-------------Texto-------------------->

     

    Linea separadora  (o al lado)   invesible para texto en CSS  

     

     /* Texto*/


    votre commentaire
  • General

     

     

    padding: 2px;  ---distancia tamaño en pixiles

    ................................................................................................................................

     

    border-radius: 5px;  ----  esquinas de bordes en pixeles

     border: 1px dashed #7D7B7C;   ----- tipo de bordes y color en HEX

    width="350"--- ancho en pixiles

    height="350"--- altura en pixiles

    width: auto; height: 100%; - ancho que se adapta al espacio y altura en %

    ................................................................................................................................

     

     

     

    Ejemplo de gradiente con HSL

    http://www.useragentman.com/blog/2010/08/28/coding-colors-easily-using-css3-hsl-notation/

     -sand-gradient(linear, center top, center bottom, from(hsla(60, 100%, 50%, 0.8)), to(hsla(255, 100%, 50%, 0.2)));

     

    Generador color (fondo, borde, gradinete,transformacion, transición,sobra para cuadro y texto, fuentes)

    http://www.css3maker.com/css-3-rgba.html

    ................................................................................................................................

     

     box-shadow: 3px 3px 10px # ;  -- tener codigo de sombra sin visibilidad.

    box-shadow: 0 0 9px rgba(0, 0, 0, .9) 2px 5px 9px;  -- sombra externa . Color en RGB con opacidad. y tamaño.

    box-shadow: #000000 0px 0px 5px inset;   -----   sombra interna. Color en HEX.

    box-shadow: 0 0 9px rgba(0, 0, 0, .9),inset rgba(0,0,0,.6) 2px 5px 9px; -- sombra externa y interna.

    ................................................................................................................................

     

    opacity: 0.5; - opacidad de imagen, escala 0-1.

     

    ................................................................................................................................

    HTML   puede tener  >

     

    CSSS   tiene -     }

    }

    ................................................................................................................................

     

    font-size: 18px; - tamaño del texto en pixeles

     line-height: 150%;  - distancia entre lineas en %

    font-family:  Sail; - nombre de fuente

    ................................................................................................................................


    votre commentaire



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires