HTML5, CSS3 y Un Poco Más

Efectos CSS3 Este ejemplo es bastante sencillo de realizar, ya que solo utilizaremos instrucciones de CSS3 , como se aprecia en la imagen los efectos son texto 3D , efecto blur , un efecto mayor de negritas , un desvanecimiento en el color de texto, que nuestro texto gire de manera automática en el eje Y y en el eje X.  El HTML usado en este ejemplo es el siguiente: Efecto 3D: Efecto 3D en CSS3 #ddd {         margin : 0;     text-align : center;        font-size: 90px;     line-height : 200px;         font-weight : bold;     color: #fff;     text-shadow:    0 1px 0 #ccc,                     0 2px 0 #c9c9c9,                     0 3px 0 #bbb,                      0 4px 0 #b9b9b9,                      0 5px 0 #aaa,                      0 6px 1px rgba(0, 0, 0, .1),                      0 0 3px rgba(0, 0, 0, .15),                      0 1px 3px rgba(0, 0, 0, .2),                      0 3px 5px rgba(0, 0, 0, .2),                      0 5px 10px rgba(0,

En este ejemplo aprenderás como crear las poderosas esferas de DragonBall utilizando solo CSS3. El documento HTML, contiene la siguiente estructura y es bastante sencilla por lo cual omitiré su explicación: Código HTML Bien lo primero que haremos será establecer el fondo del documento: body {             padding : 2em 5em;             background-image : url(grass.png);             background-attachment : fixed;             background-size : 100% 100%;         } Después mediante el uso de div con id " container " establecemos que todo lo que vaya dentro del el se deberá de ubicar en la parte inferior del documento: #container {             position : fixed;             bottom : 27px;             text-align : center;         } Bien ahora si creamos el diseño de nuestra esfera mediante CSS3, los puntos calve dentro de esta esfera el utiliza border-radius , un background con radial-gradient y para obtener el efecto de reflejo del luz utilizaremos