-
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 2HTML
<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