Botón con efecto sombra
CSS
Actualizado el 13 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 8 de Octubre del 2016)
18.354 visualizaciones desde el 8 de Octubre del 2016
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.
Comentarios sobre la versión: 1.0 (2)
Quería preguntarte una duda.
Al ponerle un margin left en hover para que el efecto sea más marcado no solo mueve la caja en la que estoy aplicando el efecto, sino que las inferiores tambien se mueven.
¿Sabrías a que se debe? Un saludo y gracias!
al variar los márgenes, es lógico que se mueva el elemento. Puedes declarar el mismo margen en la Clase y también en el Hover para evitar desplazamientos. Por otra parte, la posición de la caja, y sus atributos: relative, absolute, fixed, etc. también afectan. Estructura lo mejor posible todo en conjunto.
Espero sea útil.
Muchas gracias por tu interés.