-

CSS3: Añade Sombra a las cajas de texto

Una de las nuevas funciones disponibles con CSS3 es box-shadow por la que puedes añadir sobre a las cajas de texto o contenedores con CSS. Esta función ya está añadida en Safari 3 y Firefox 3.1 por lo que la puedes incluir en tus diseños sin problema.

Esta propiedad toma 2 valores de largo y un color. box-shadow toma 3 propiedades:

  • offset horizontal: el valor positivo significará que la sombra se situará a la derecha del elemento y una valor negativo a la izquierda del mismo.
  • offset vertical: que tomará un valor negativo para colocar la sombra por encima del elemento y un calor positivo por debajo del mimo.
  • blur radios: este parámetro con valor 0 cojerá la máxima definición para la sobra y conforme subamos en número ofrecerá un aspecto más difuminado.

Ahora vamos a ver un ejemplo de uso: (tras el salto)

[html]

Esto es un ejemplo de box-shadow…

[/html]

Fuente css3.info

Lo último...

Arduino, la plataforma que te permite digitalizar toda tu vivienda

Arduino se ha posicionado como un tipo de place muy popular dentro del mundo “maker”. Se asemeja en gran medida a Raspberry Pi, pero...

El Bitcoin: un activo de refugio en pleno 2020

Los primeros conocedores de la tecnología blockchain se llamaron evangelistas de Bitcoin porque su trabajo consistía en ir de puerta en puerta a la...

Crecen los ataques cibernéticos y robo de identidad durante 2020

Durante el primer trimestre del año y hasta la actualidad, el cibercrimen se ha multiplicado como nunca antes. La principal razón es que los...

¿Quieres saber más sobre ofimática?

Acceder al mercado laboral requiere de tener una buena formación debido a la alta competitividad que nos podemos encontrar. La mayoría de las empresas...

Cosas a tener en cuenta a la hora de elegir la tarifa móvil

Es habitual que a la hora de adquirir cualquier producto o servicio, dediquemos algo de tiempo en analizar las distintas opciones que nos podemos...