Instroduccion
Si te gustan mis aporte seguime no te arrepentirás
Cual quier comentario que cause "bardo" o disturbios en el post sera automáticamente borrado
Si algo no entendes sobre el post consultame en un MP soi mui activo 
Contenido del Post
Hola les traigo este nuevo Post.
en este enseñare a hacer varios efectos en css3 para sus web quedan muí buenos Bueno lo primero que enseñare a hacer las sombras de cajas y textos ,después a hacer el efecto de resplandor, y hacer bordes redondeados Bueno espesemos.
Introducción a css3
¿Que es css3?
¿Que es css3?
Mientras que HTML nos permite definir la estructura una página web, las hojas de estilo en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad de definir las reglas y estilos de representación en diferentes dispositivos, ya sean pantallas de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos capaces de mostrar contenidos web.
Las hojas de estilo nos permiten definir de manera eficiente la representación de nuestras páginas y es uno de los conocimientos fundamentales que todo diseñador web debe manejar a la perfección para realizar su trabajo.
La primera versión de CSS fue publicada a fines del año 1996 y fue logrando popularidad y aceptación hasta llegar a la versión 2.1, estándar actual que ofrece gran compatibilidad con la mayoría de los navegadores del mercado.
A partir del año 2005 se comenzó a definir el sucesor de esta versión, al cual se lo conoce como CSS3 o Cascading Style Sheets Level 3. Actualmente en definición, esta versión nos ofrece una gran variedad de opciones muy importantes para las necesidades del diseño web actual. Desde opciones de sombreado y redondeado, hasta funciones avanzadas de movimiento y transformación, CSS3 es el estándar que dominará la web por los siguientes años.[
/i]Sombras
Bueno para hacer un efecto de Sombra en
box-shadow
ay que poner el siguiente codigo en el HTML
1º Tipo de sombra en css: sombra de cajas.
#cajasombra{
background-color: #ddd;
width: 300px;
padding: 10px;
box-shadow: 5px 5px 0 #333;
-webkit-box-shadow: 5px 5px 0 #333;
-moz-box-shadow: 5px 5px 0 #333;
}
2ª Tipo de Sombra en css3. Sombra clara
#sombraclara{
width: 200px;
padding: 10px;
background-color: #999;
color: #fff;
box-shadow: 2px 2px 2px #ffc;
-webkit-box-shadow: 2px 2px 2px #ffc;
-moz-box-shadow: 2px 2px 2px #ffc;
}
3ª Tipo de Sombra en css3. Sobra redondeada
#sombraredondeada{
background-color: #090;
color: #fff;
width: 400px;
padding: 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 15px -10px 3px #000;
-webkit-box-shadow: 15px -10px 3px #000;
-moz-box-shadow: 15px -10px 3px #000;
}
Sombras
para textos
Bueno este es para los textos
1º efectos para los textos. Sombra clara
h1{
text-shadow: 1px 2px #999;
}
2º Tipo de efecto para sombras de textos. Sombra desenfocada
h2{
text-shadow: 3px 3px 2px #696;
color: #666;
}
Resplandor
Este efectos es muí bueno es parecido al efecto de photoshop bueno este es el código
-moz-box-shadow: 0px 0px 30px #A3FF0F;
-webkit-box-shadow: 0px 0px 30px #A3FF0F;
box-shadow: 0px 0px 30px #A3FF0F;
Bordes redondeados
Este es para que las casa o otras cosas tengan el borde redondeado con css3 este es el código que tienen que poner para que e se haga
DIV {
border: 1px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 10px;
}
yapa
SEGUIR VIENDO ESTOS EFECTOS RECOMIENDO ESTA PAGINA CON MUI BUENO CONTENIDO
Mis comunidades
Mis web
Mi web
jugarg.com.ar
Mi canal de youtube
Mi perfil de devianARTFin del Post
Espero que te haya servido mi aporte. Comentar no cuenta nada
Gracias por pasarte por el post
