-
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
................................................................................................................................
-
Commentaires