-
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
................................................................................................................................
Tipos de códigos para colores, cambio. Armonía entre color, forma, contenido.
1. HEX
- Nombre en ingles: red, bleu
- HEX: #AEE0FF;
2. RGB:
- RGB: 0, 0, 255,
- HSV: 0%,0%,100%
- RGBA,
background-color: rgba(215, 40, 40, 0.9); - con opacidad
background: rgba(215, 40, 40, 0.9); - con opacidad
color: rgba(215, 40, 40, 0.9); - con opacidad
3. HSL, HSLA
hsl(0, 50%, 50%)
4.
Color en HEX, RGB
Color con 3 tipos. Compatibilidad y gama
https://developer.mozilla.org/es/docs/Web/CSS/CSS_Colors/Color_picker_tool
Generadores color HEX, RGB, HSL
1. Mas amplio (nombre, HEX, RGB, HSL) con encaje de colores
http://www.cssportal.com/css-color-converter/
2. Otro amplio
3. http://serennu.com/colour/hsltorgb.php
4. Compatibilidad, gradiente
http://www.colorhexa.com/7a73eb
5. Formato HEX, RGB, HSL con opacidad. Compatibilidad de colores (ligeros, intensos).
6. http://www.hexcolortool.com/#c149a3,0.8
7. http://coloreminder.com/f5f5f5
8. Compatibilidad 6 colores http://htmlcolorcodes.com/es/
Color de imagen en HEX, RGB
1. http://imagecolorpicker.com/
HTML code:#59607
ARGB code:R: 89 G: 96 B: 122
HSV:227.27° 27.05% 47.84%
2. http://www.colorcodepicker.com/
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