Cómo diseñar efectos de capa usando css3 layerstyles

La creación de la apariencia correcta para una capa CSS3 puede ser difícil. Una capa se compone de la sombra exterior, frontera y sombra interior de los elementos (como un

) Que cree. LayerStyles permite diseñar visualmente los efectos de capa que cree. Realizar esta tarea utilizando un panel de control.

imagen0.jpg

El panel de control le ayuda a modificar todas las características del efecto de capa, como la fuente de luz. Todos los efectos aparecen en una plaza en el centro de la página, que se puede ver al mover el panel de control a una ubicación más conveniente (simplemente haga clic en la barra de título y arrastre el panel de control en cualquier lugar que usted quiere ver en la página) .

Cuando termine de crear su efecto de capa, puede hacer clic en la ficha CSS que aparece en la esquina inferior izquierda de la página. Este acto muestra una ventana que muestra el código necesario para crear el efecto de capa que diseñó. Simplemente haga clic en Copiar para copiar la información en el Portapapeles.

A continuación, puede pegar el código en su IDE para el uso en su aplicación. El CSS resultante debería funcionar bien con Internet Explorer, Firefox, Chrome, y la mayoría de los navegadores que soportan CSS3.